lec

laravel-elixir-compass

Laravel Elixir for Compass

Showing:

Popularity

Downloads/wk

3

GitHub Stars

8

Maintenance

Last Commit

7yrs ago

Contributors

4

Package

Dependencies

3

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

Project has moved

Please use laravel-elixir-sass-compass

If you've already installed this package via NPM you need to remove it and install the updated package:

npm gulp install laravel-elixir-sass-compass -save

laravel-elixir-compass

Usage

This is a simple compass wrapper for Laravel Elixir that was ported from: laravel-elixir-stylus Add it to your Elixir-enhanced Gulpfile, like so:

var elixir = require('laravel-elixir');

require('laravel-elixir-compass');

elixir(function(mix) {
   mix.compass();
});

This will scan your resources/assets/scss directory for all files. Instead, if you only want to compile a single file, you may do:

mix.compass("bootstrap.scss");

Finally, if you'd like to output to a different directory than the default public/css, then you may override this as well.

mix.compass("bootstrap.scss", "foo/bar/baz");

##Options

Compass has a lot of different options and ways you can tweak your output:

mix.compass("bootstrap.scss", "foo/bar/baz", {
    modules: ['susy'],
    config_file: "path/to/config.rb",
    style: "nested"
    sass: "resources/assets/sass",
    font: "public/fonts",
    image: "public/images",
    javascript: "public/js",
    sourcemap: true
});
  • modules - if you have any modules you'd like to include, like Susy or whatever, you can add them here.
  • config_file - if you like to keep your compass configurations out of gulp, you can set the path to the config file and you can use that. Important note: if you change the Sass and CSS directories in your config.rb file you need to update them in here too
  • style - 3 options here: "nested", "compressed" and "expanded". By default in production you css will be compressed and locally it will be expanded.
  • sass - path to Sass files
  • font - path to fonts directory
  • image - path to image directory
  • javascript - path to your JavaScript
  • sourcemap - requires sass 3.3.0+ if true will generate a source map

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial