You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
How to reproduce: just try to set the html font-size to something else than 10px in custom.bootstrap.import.less and it will be overridden. Same applies to files that are imported from this one. This happens because custom.bootstrap.less first imports custom.bootstrap.import.less and only adds bootstrap code after it.
Workarounds:
Add !important to the rule
This is not really a solution, as it will happen again with other rules.
Create a new .less file whose name comes alphabetically after the other .less files so it's loaded afterwards, import custom.bootstrap.less inside this file and then add the custom CSS rules below it.
The problem here is a lot of duplicated CSS code, because custom.bootstrap.less will still be compiled along with my new less file.
The text was updated successfully, but these errors were encountered:
How to reproduce: just try to set the html font-size to something else than 10px in
custom.bootstrap.import.less
and it will be overridden. Same applies to files that are imported from this one. This happens becausecustom.bootstrap.less
first importscustom.bootstrap.import.less
and only adds bootstrap code after it.Workarounds:
Add
!important
to the ruleThis is not really a solution, as it will happen again with other rules.
Create a new .less file whose name comes alphabetically after the other .less files so it's loaded afterwards, import
custom.bootstrap.less
inside this file and then add the custom CSS rules below it.The problem here is a lot of duplicated CSS code, because
custom.bootstrap.less
will still be compiled along with my new less file.The text was updated successfully, but these errors were encountered: