GithubHelp home page GithubHelp logo

grunt-styl's Introduction

Deprecated

Deprecated as the Styl project is no longer maintained.


grunt-styl Build Status

Preprocess CSS with Styl

Install

$ npm install --save-dev grunt-styl

Usage

require('load-grunt-tasks')(grunt); // npm install --save-dev load-grunt-tasks

grunt.initConfig({
	styl: {
		dist: {
			options: {
				use: [require('rework-npm')()]
			},
			files: {
				'dist/main.css': 'app/main.styl'
			}
		}
	}
});

grunt.registerTask('default', ['styl']);

Options

use

Type: array

Rework plugins.

whitespace

Type: boolean
Default: false

The Sass-style whitespace significant syntax supports nesting and parent selector references.

License

MIT © Sindre Sorhus

grunt-styl's People

Contributors

l42y avatar rschmukler avatar sindresorhus avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

grunt-styl's Issues

Use with rework-npm

Any idea how to get this working with: https://github.com/reworkcss/rework-npm?

    styl: {
      compile: {
        options: {
          whitespace: false,
          configure: function (styl) {
            var reworkNPM = require('rework-npm');
            styl.use(reworkNPM());
          }
        },
        files: {
          'dist/assets/css/app.css': 'app/assets/css/app.css'
        }
      }
    },

With this config, I get the error: Warning: Cannot read property 'source' of undefined

Any ideas?

Show filename in error-message

If an error happens only the line-nr. is reported but not the corresponding file.
I use grunt-styl to compile a large amount of files and it is really hard to find an error if you don't know the filename

Styl choking on file

Styl has difficulty processing my file, the CLI returns:

Warning: Object border has no method 'join' Use --force to continue.
Aborted due to warnings.

I can't check if it's Grunt specific since the Styl CLI doesn't run on Windows (via Grunt it does though).

The file I've used is a concatenation of my .styl files in order to mimmick the stylus @import syntax. It simply shoves all files into a single file, separated by \n\n.

Could you help me solve this? Does concat.styl compile correctly on your machine?

Resources

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.