Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bootstrap default reset CSS rules overwrites custom rules as an effect of import order #24

Closed
dooart opened this issue Nov 30, 2014 · 1 comment

Comments

@dooart
Copy link

dooart commented Nov 30, 2014

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:

  1. Add !important to the rule
    This is not really a solution, as it will happen again with other rules.

  2. 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.

@Nemo64
Copy link
Owner

Nemo64 commented Dec 12, 2014

this is related to #4 . Meteor does not seem to care about load order when less files are in the mix. It sometimes works and sometimes doesn't

@Nemo64 Nemo64 closed this as completed Dec 12, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants