Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.Hi,
I want to use grunt-contrib-sass to compile my scss files but there is a bug when scss files have multiple dots like omega_subtheme_name.styles.scss so I renamed the four of them replacing the '.' by '--' so omega-subtheme-name--styles.scss instead. Does the dot have any importance? Am I good to go if I update the .info file accordingly?
Comments
Comment #1
Nicolas Bouteille CreditAttribution: Nicolas Bouteille commentedI am still interested to know if the dots are important, but just wanted to mention that this is how to use multiple dot files in grunt:
http://stackoverflow.com/questions/16697344/configure-grunt-file-name-ma...
Comment #2
fubhy CreditAttribution: fubhy commentedWe already do that in our grunt file (for javascript files).
Comment #3
Nicolas Bouteille CreditAttribution: Nicolas Bouteille commentedYes indeed I saw that :) but my question was about the importance of dots though. Is there any reason why there are dots in the scss file names in omega? do you use it somewhere? or can I just replace '.' by '--' if I prefer?
Comment #4
fubhy CreditAttribution: fubhy commentedIt's only relevent for the .no-query.scss suffix (if you are using that).
Comment #5
Nicolas Bouteille CreditAttribution: Nicolas Bouteille commentedinteresting... why? is it so that the no-query.css file can only be loaded for IE8 and below?
Comment #6
fubhy CreditAttribution: fubhy commentedThe part you asked for is not relevant. That can be a --. But for discovering these no-query versions of files we use the dot as a separator in the regex. The regex finds all files that end in .no-query.css and tries to match the rest of the name of the file to an existing, normal file. If these conditions apply, it will load the no-query version but only for IE8 and below.
Comment #7
Nicolas Bouteille CreditAttribution: Nicolas Bouteille commentedIn my omega subtheme as well as in ohm, the no-query.css is added just like the others in the .info file.
stylesheets[all][] = css/ohm.normalize.css
stylesheets[all][] = css/ohm.hacks.css
stylesheets[all][] = css/ohm.styles.css
stylesheets[all][] = css/ohm.no-query.css
so it gets loaded all the time even on modern browsers. Is it a bug? Where is this regex no-query file discovery done?
Comment #8
fubhy CreditAttribution: fubhy commentedThis is not the case. It's in the .info file, but included with an IE conditional comment. Did you actually look at the DOM or are you just saying that "from the looks of it" it will get loaded on all browser? Because yeah, it's in the .info file, but altered later. The no-query.css is definitely not getting added for all browsers. http://cgit.drupalcode.org/omega/tree/omega/template.php#n268
Please check your DOM in the head section and look at the results. It will (should) be in IE conditional comments.
Comment #9
Nicolas Bouteille CreditAttribution: Nicolas Bouteille commentedNice! Yes I did check on DOM but the reason why it wasn't in conditional comment was because I had left my previous comment on .INFO file
stylesheets[all][] = css/omega-custom.no-query.css ;using Respond.js insteadthanks for all these explanations!!