Plugins and Utilities

Thomas Hoppe edited this page Jan 15, 2016 · 14 revisions

Utilities

  • rework-visit - Visit every declaration in a stylesheet
  • rework-walk - Recursively walk through all rules and keyframes
  • css-whitespace - Nested and indented syntax like Stylus and SASS
  • css-mediaquery - Parses and determines if a given CSS Media Query matches a set of values via JavaScript.

Plugins

Math

  • rework-math - math plugin, like calc()
  • rework-calc - Add calculations support with a calc() function. Trying to calculate expressions and using CSS3 Calc function as fallback for expressions using mixed units.

@import

  • rework-npm - @import CSS from NPM modules
  • rework-importer - import CSS files into other CSS files using the "native" @import syntax as well as a custom syntax.
  • rework-inline - Import CSS files using the native @import syntax with support for media queries.

@media

  • rework-move-media - Aggregate media queries and move them to the end of the CSS file
  • rework-no-media - Unwrap media queries, e.g. for mobile-first design
  • rework-split-media - Split your stylesheet by @media queries
  • queryless - Create media-query free css files for archaic browser support
  • rework-breakpoints - Gives you a maintainable solution to handling media query breakpoints for different devices, with a syntax that's easy to remember
  • css-mediaquery - Parses and determines if a given CSS Media Query matches a set of values via JavaScript.
  • no-media-queries - Export the css without mediaqueries matching provided page width.
  • rework-media-features - support for Media Queries Level 4 hover @media feature

Variables

Included Plugins

  • rework-inherit - CSS rule extending (included with rework as rework.extend())