When I use box-shadow
Compass mixin CSS, the output is not correct
Input:
.my-class
+box-shadow(0 0 1px 1px #b1b1b1)
Output:
.my-class {
-moz-box-shadow: compact(0 0 1px 1px #b1b1b1, false, false, false, false, false, false, false, false, false);
}
The correct output should be like http://compass-style.org/examples/compass/css3/box_shadow/
.my-class {
-moz-box-shadow: 0 0 1px 1px #b1b1b1;
}
What am I doing wrong?
Open a .sass or .scss file, click the red bulb next to the @import 'compass' statement or press Alt+Enter, and then choose Configure Compass from the suggestion list. Alternatively, in the Settings/Preferences dialog ( Ctrl+Alt+S ), go to Languages & Frameworks | Style Sheets | Compass.
If you want to create a Compass project, you’d then type: These three lines of code mean that anytime you change a Sass file they’ll be automatically compiled into CSS. Alternately, you could use Codekit (Mac) or Prepros (Windows) to compile the Sass when it’s saved.
Like Sass and LESS, Compass is just a tool to make website design simpler. Compass is a Ruby gem, so in order to install it you first need to have Ruby installed on your machine. Fortunately Ruby installation is simple, on Windows you just need to download this Ruby Installer For Windows, on Mac/Linux follow the instructions on the Ruby site.
Create an empty WebStorm project as described in Creating projects, open the embedded Terminal ( Alt+F12) , and type: Open a .sass or .scss file, click the red bulb next to the @import 'compass' statement or press Alt+Enter, and then choose Configure Compass from the suggestion list.
Your compass gem might not have been installed correctly, since the "compact" function is not standard SASS, but added by compass.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With