New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More

laravel-elixir-stylus

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install
l

laravel-elixir-stylus

Laravel Elixir Stylus Extension

2.0.3
latest
66

Supply Chain Security

79

Quality

76

Maintenance

100

Vulnerabilities

100

License

Version published
Weekly downloads
9
-67.86%
Maintainers
1
Weekly downloads
 
Created
Issues
1

Usage

This Laravel Elixir extension allows you to compile Stylus.

Installation

First, pull in the extension through NPM.

npm install --save-dev laravel-elixir-stylus

Note: if using Laravel Elixir 6 or higher, pull in laravel-elixir-stylus@2.x. Otherwise, stick with laravel-elixir-stylus@1.x.

That's it! You're all set to go!

Usage

Assuming you write...

elixir(function(mix) {
   mix.stylus('app.styl');
});

...this will compile your resources/assets/stylus/app.styl file to ./public/css/app.css.

If you'd like to set a different output directory, you may pass a second argument to the stylus() method, like so:

mix.stylus('app.styl', './public/scripts/styles.css')

Finally, if you want to override the Stylus plugin options, you may pass an object as the third argument.

mix.stylus('app.styl', null, {});

// See options at: https://www.npmjs.com/package/gulp-stylus#options

PostCSS

This extension includes a PostCSS adapter out of the box, as well as support for the incredibly impressive Lost grid system. Check out the documentation in that link, and immediately start using it in your projects with this extension. Zero setup. :)

If there are other PostCSS plugins you want to pull in, you may use the third argument to mix.stylus() -

var postStylus = require('poststylus'); // npm install --save-dev poststylus

mix.stylus('app.styl', null, {
   use: [postStylus(['lost', 'postcss-position'])]
});

FAQs

Package last updated on 15 Aug 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts