Title: Unintended css naming conventions? or missing classes in scss · Issue #290 · NativeScript/theme · GitHub
Open Graph Title: Unintended css naming conventions? or missing classes in scss · Issue #290 · NativeScript/theme
X Title: Unintended css naming conventions? or missing classes in scss · Issue #290 · NativeScript/theme
Description: Environment "@nativescript/core": "~8.0.0", "@nativescript/theme": "~3.0.1", Describe the bug Unable to use classes in scss like btn-rounded-lg, but just -rounded-lg works. e.g. Button.-rounded-lg found in node_modules/@nativescript/them...
Open Graph Description: Environment "@nativescript/core": "~8.0.0", "@nativescript/theme": "~3.0.1", Describe the bug Unable to use classes in scss like btn-rounded-lg, but just -rounded-lg works. e.g. Button.-rounded-lg ...
X Description: Environment "@nativescript/core": "~8.0.0", "@nativescript/theme": "~3.0.1", Describe the bug Unable to use classes in scss like btn-rounded-lg, but just -ro...
Opengraph URL: https://github.com/NativeScript/theme/issues/290
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Unintended css naming conventions? or missing classes in scss","articleBody":"**Environment**\r\n\r\n\"@nativescript/core\": \"~8.0.0\",\r\n\"@nativescript/theme\": \"~3.0.1\",\r\n\r\n**Describe the bug**\r\nUnable to use classes in scss like btn-rounded-lg, but just -rounded-lg works.\r\n\r\ne.g. \r\n`Button.-rounded-lg`\r\nfound in _node_modules/@nativescript/theme/css/core.css_\r\n\r\nbut in _node_modules/@nativescript/theme/css/core.compat.css_\r\nwhat is found is:\r\n`.btn-rounded-lg`\r\n\r\n\r\n**To Reproduce**\r\nimport theme default\r\n\r\n@import '~@nativescript/theme/core';\r\n\r\n@import '~@nativescript/theme/default';\r\n\r\n`\u003cButton class=\"-rounded-lg\"\u003e\u003c/Button\u003e`\r\n\r\n**Expected behavior**\r\n\r\n@import '~@nativescript/theme/core';\r\n\r\n@import '~@nativescript/theme/default';\r\n\r\nusage of class `btn-rounded-lg` to work as in previous versions\r\n\r\n`\u003cButton class=\"btn-rounded-lg\"\u003e\u003c/Button\u003e`\r\n\r\nwhile `-rounded-lg` not an intended usage?\r\n`\u003cButton class=\"-rounded-lg\"\u003e\u003c/Button\u003e`\r\n\r\n","author":{"url":"https://github.com/Zryru","@type":"Person","name":"Zryru"},"datePublished":"2021-05-12T19:38:37.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/290/theme/issues/290"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:3bdc365b-d88a-5562-caa6-6089a915b2d3 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | A1AA:146438:4560B4:5ECC30:6A626EAF |
| html-safe-nonce | 0f18ce483d71459b63388d0236aac0cbb7bf29943b21b880766c24d8a644a52b |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJBMUFBOjE0NjQzODo0NTYwQjQ6NUVDQzMwOjZBNjI2RUFGIiwidmlzaXRvcl9pZCI6IjkyMzQ1ODk2NTg4NzY3NjA3OSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 4b5ba31923b018d39271d1df975b3f22904344e02c6080a980829eb4b2ba0b45 |
| hovercard-subject-tag | issue:890423867 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/theme/290/issue_layout |
| twitter:image | https://opengraph.githubassets.com/6041ed7ce46518874d37fc3ed79f7661b2ddc42a76b363178a5b360ef2f3538e/NativeScript/theme/issues/290 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/6041ed7ce46518874d37fc3ed79f7661b2ddc42a76b363178a5b360ef2f3538e/NativeScript/theme/issues/290 |
| og:image:alt | Environment "@nativescript/core": "~8.0.0", "@nativescript/theme": "~3.0.1", Describe the bug Unable to use classes in scss like btn-rounded-lg, but just -rounded-lg works. e.g. Button.-rounded-lg ... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | Zryru |
| hostname | github.com |
| expected-hostname | github.com |
| None | 19769ef9d383a84eeab48bb9b309078c20f4532b73eae2f9713b18406513e0ad |
| turbo-cache-control | no-preview |
| go-import | github.com/NativeScript/theme git https://github.com/NativeScript/theme.git |
| octolytics-dimension-user_id | 7392261 |
| octolytics-dimension-user_login | NativeScript |
| octolytics-dimension-repository_id | 64524068 |
| octolytics-dimension-repository_nwo | NativeScript/theme |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 64524068 |
| octolytics-dimension-repository_network_root_nwo | NativeScript/theme |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 76dc6b11f13eaeec1329217c9f16c262ade27a1e |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width