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())
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.