Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Compass add compact() to css files

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?

like image 486
user1129404 Avatar asked Jan 04 '12 07:01

user1129404


People also ask

How do I add a compass to a CSS file?

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.

How do I create a compass project with Sass?

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.

How to install compass on Windows?

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.

How do I add a compass to a WebStorm project?

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.


1 Answers

Your compass gem might not have been installed correctly, since the "compact" function is not standard SASS, but added by compass.

like image 77
cemregr Avatar answered Nov 15 '22 04:11

cemregr