Skip to content

Support for all properties

Compare
Choose a tag to compare
@MartijnCuppens MartijnCuppens released this 28 Aug 16:17

Features

  • Support for all properties
  • Shorthand mixins for margins and paddings
  • Support for custom properties

Changes

  • Clearer way to declare !important rules: @include rfs(1rem !important) instead of @include rfs(1rem, true)
  • Switched to mobile first approach, still possible to switch to the max-width media queries if needed
  • px-values should always have a unit now. In v8, RFS assumed every unitless value was set in px (eg. @include rfs(32)), but since we can now pass numbers too (eg. @include rfs(1 1 30rem, flex), this behaviour is changed.
  • Configuration variables are changed:
    • Base font size → Base value
    • Font size unit → unit

PostCSS implementation change

  • responsive-font-size property changed to rfs() function (see #116)

Drops

  • Dropped responsive-font-size mixins
  • Dropped Less 2 support since we had to work with lists
  • Dropped node 6 support

Meta

  • Prevent generation of /test/expected/main.css
  • Additional tests for new implementations
  • Cleanup npm scripts examples
  • postcss-value-parser dependency added to parse values in PostCSS plugin.
  • Ditch Husky since we already run the tests in each PR
  • Switch from CircleCI to Github actions
  • Add Node 12 tests
  • dev-dependency updates

Demos