Displaying 1 to 20 from 31 results

postcss - Transforming styles with JS plugins

  •    Javascript

PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.PostCSS is used by industry leaders including Wikipedia, Twitter, Alibaba, and JetBrains. The Autoprefixer PostCSS plugin is one of the most popular CSS processors.

myth - A CSS preprocessor that acts like a polyfill for future versions of the spec.

  •    Javascript

CSS the way it was imagined. Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It's like a CSS polyfill.

gulp-styl - Preprocess CSS with Styl

  •    Javascript

Issues with the output should be reported on the Styl issue tracker.The compress option from Styl is intentionally missing. A separate task like gulp-csso will do a much better job.




gulp-rework - Preprocess CSS with Rework

  •    Javascript

Issues with the output should be reported on the Rework issue tracker.The compress option from Rework is intentionally missing. A separate task like gulp-csso will do a better job.

rework-assets - Copy all assets referenced in CSS to a folder, updating the URLs

  •    Javascript

Copy all assets referenced by the CSS document to a folder, updating the CSS references. The path to each asset source is determined by the src directory and the position.source property of each node that is set when parsing with css-parse if position tracking is enabled (this is the same information used for generating source maps). This means that even if the source document is parsed from several files (for example when using rework-npm), it will still resolve the referenced asset using the source file path.


rework-pseudo-classes - Add companion classes to your pseudo styles for testing and convenience.

  •    Javascript

Automatically add in companion classes where psuedo-selectors are used. This allows you to add the class name to force the styling of a pseudo-selector, which can be really helpful for testing or being able to concretely reach all style states.

grunt-rework - use gruntjs to rework your css files

  •    Javascript

rework your css files with Grunt. First, setup your project with grunt.

rework-webpack-loader - rework loader for webpack

  •    Javascript

IMPORTANT: i would really recommend using webpack-postcss-tools instead of this loader. it's build on css-loader, so it's more stable, plus postcss seems to be a more active project than rework at this point. this is a loader for webpack that allows you to create css modules and process them with rework.

rework-shade - Lighten and darken plugin for the Rework CSS preprocessing library

  •    Javascript

Check out these other color libraries instead. Lighten and darken function for the Rework CSS preprocessing library.

rework-imagesize - Get image size and put that in your CSS.

  •    Javascript

You can also use the "properties" imgsizew and imgsizeh to get only the width or height of the image, respectively.

grunt-css-selectors - Mutate CSS selectors.

  •    Javascript

Mutate CSS selectors. In your project's Gruntfile, add a section named css_selectors to the data object passed into grunt.initConfig().

css-eliminator - CSS dead code elimination

  •    CSS

Walk rules of a style sheet and remove unused code. Alternatively, you can use css-eliminator as a Rework plugin.

rework-macro - Macro CSS transform for rework/xcss

  •    Javascript

Macro body can expand other macros but recursive expansion isn't allowed. macros with no arguments are not allowed — consider turning them into classes and use rework-inherit instead.

rework-pure-css - Spiritual successor:

  •    Javascript

Note: This was the way we used to approach writing CSS at Segment.io and it inspired us to make Myth, which is where future development for this idea will be happening. A collection of pure-CSS Rework plugins, so you can write bleeding-edge, spec-compliant CSS and it will get transformed for browsers that haven't caught up yet.

rework-pure-grids - Generate custom units for Pure Grids via Rework

  •    Javascript

Generate custom units for Pure Grids via Rework. The new classnames can be added to HTML elements whenever their width should change at the break-points specified in the mediaQueries option above.

rework-flex-grid - Rework CSS plugin for generating custom, lightweight flex grids.

  •    Javascript

Rework CSS plugin for generating custom, lightweight flex grids. Every project is different.