No fixed units in scss variables
See original GitHub issueI’m submitting a Feature request
Its super nice that the plugin provides all the scss files so that these can be properly included in the users styling while allowing to easily modify default flagged variables.
At several occasions though, the unit fixed by default making customization unnecessarily harder to accommodate to a system which say builds up on rem’s instead of px’s.
Your Environment
Software | Version(s) |
---|---|
Aurelia | |
Aurelia-Slickgrid | 2.21.0 |
TypeScript | |
Operating System | |
NPM/Node/Yarn |
Context
- A minor example
$autocomplete-tpl2-container-list-width where the value is
#{$autocomplete-tpl2-width - 15px} !default;
- more severe issue
.slick-pagination - font-size value:
$font-size-base - 1px
Possible Solution
Perhaps we could extract these corrections or optimizations of the calculation into a separate default variable so it can be adapted by the consumer as well.
Issue Analytics
- State:
- Created 3 years ago
- Comments:10 (6 by maintainers)
Top Results From Across the Web
Numbers - Sass
Numbers can have no units, and they can have complex units. ... you can always use the @debug rule to check out the...
Read more >Append unit type to the result of a calculation in Sass
The only way to add a unit to a number is via arithmetic. To perform operations like concatenation (eg. 1 + px )...
Read more >When Sass and New CSS Features Collide
Plus, Sass cannot perform any sort of computation using two values with units that don't have a fixed relation between them.
Read more >Custom properties (--*): CSS variables - MDN Web Docs
Custom properties are scoped to the element(s) they are declared on, and participate in the cascade: the value of such a custom property...
Read more >Sass Guidelines
Sass ' ultimate objective is to fix CSS' flaws. CSS, as we all know, is not ... While that sounds true, it is...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
New version is out, there are few other changes and fixes as well, see release 2.22.0
Looks good for me. Looking forward to the next release.