question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

No fixed units in scss variables

See original GitHub issue

I’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

  1. A minor example $autocomplete-tpl2-container-list-width where the value is #{$autocomplete-tpl2-width - 15px} !default;
  2. 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:closed
  • Created 3 years ago
  • Comments:10 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
ghiscodingcommented, Oct 3, 2020

New version is out, there are few other changes and fixes as well, see release 2.22.0

1reaction
zewa666commented, Oct 2, 2020

Looks good for me. Looking forward to the next release.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found