csswizardry-grids icon indicating copy to clipboard operation
csswizardry-grids copied to clipboard

Cannot get responsive silent classes to work with Grunt

Open robertfyffe opened this issue 10 years ago • 8 comments

I have the latest version of SASS & Grunt installed. When I try to extend a responsive class like so:

.project { @extend %grid__item; @extend %one-third; @extend %desk--one-third; }

I get the following compile error:

project" failed to @extend "%desk--one-third". The selector "%desk--one-third" was not found. Use "@extend %desk--one-third !optional" if the extend should be able to fail.

I am also using the latest sass file from this repository. Any suggestions as to the problem?

Thanks Robert

robertfyffe avatar Jan 04 '15 21:01 robertfyffe

You have to declare the % things then call to them

On Sun, Jan 4, 2015 at 4:29 PM, robertfyffe [email protected] wrote:

I have the latest version of SASS & Grunt installed. When I try to extend a responsive class like so:

.project { @extend https://github.com/extend %grid__item; @extend https://github.com/extend %one-third; @extend https://github.com/extend %desk--one-third; }

I get the following compile error:

project" failed to @extend https://github.com/extend "%desk--one-third". The selector "%desk--one-third" was not found. Use "@extend https://github.com/extend %desk--one-third !optional" if the extend should be able to fail.

I am also using the latest sass file from this repository. Any suggestions as to the problem?

Thanks Robert

Reply to this email directly or view it on GitHub https://github.com/csswizardry/csswizardry-grids/issues/83.

++++++++++++++++++++ Cynthia Fetty 510.837.2139 [email protected] [email protected] dahliafish.org Brooklyn, New York ++++++++++++++++++++

dahliafish avatar Jan 04 '15 21:01 dahliafish

They are all ready declared in the grid SASS file.

robertfyffe avatar Jan 04 '15 22:01 robertfyffe

Did you set $use-silent-classes as true?

jahvi avatar Jan 04 '15 23:01 jahvi

yeah it is set as well.

robertfyffe avatar Jan 04 '15 23:01 robertfyffe

@robertfyffe are you using node-sass?

unwiredbrain avatar Jan 05 '15 14:01 unwiredbrain

@unwiredbrain I am using compass to compile my SASS files.

robertfyffe avatar Jan 05 '15 16:01 robertfyffe

Ah well, I don't know then :smile:

I had very similar issues back in the day when I tried to use silent classes and node-sass.

Sorry I can't be of any help.

unwiredbrain avatar Jan 05 '15 16:01 unwiredbrain

Using codekit to compile does only output the empty breakpoints but no silent classes

mmjaeger avatar Jun 08 '15 22:06 mmjaeger