Rfs Versions Save

What's Changed

• BREAKING Node.js >= 12 is required
• Fix postcss 8.x compatibility in https://github.com/twbs/rfs/pull/435
• Dependency updates
• CI updates
• Lint fixes

Full Changelog: https://github.com/twbs/rfs/compare/v9.0.6...v10.0.0

• Use the exponentiation operator
• Update devDependencies

https://github.com/twbs/rfs/compare/v9.0.5...v9.0.6

• Backport #398 (#421): New divide() function to prevent Sass deprecation warnings
• Add Dart Sass tests
• Update devDependencies
• Switch to GitHub Actions CI

https://github.com/twbs/rfs/compare/v8.0.4...v8.1.0

• Support less v4
• Run examples on CI too

• Multiplication fix (#371)
• New divide() function to prevent Sass deprecation warnings (#398)

See https://github.com/twbs/rfs/issues/110

Released as alpha version since browser support ain't that great at this moment. Branch is not merged in main yet, docs are available here: https://github.com/twbs/rfs/tree/min-function

• Two dimensional fix - https://github.com/twbs/rfs/pull/225
• fix npm vulnerabilities

https://github.com/twbs/rfs/commit/d073bc94689a46031a38840d099b9dde2f072c15#diff-ab9ae3f4626ffc1851a825ba738ae7ba broke Dart Sass compatibility. The bug is patched & a test is written to prevent issues in the future.

Thanks @seth100 for reporting this issue in https://github.com/twbs/rfs/issues/176.

• Copy fixes in the readme, .sass and .js files.
• Dev dependency updates
• Dependabot configuration
• Github action tweaks.

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 https://github.com/twbs/rfs/issues/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

• Card example (Sass) (uncomment // $enable-rfs: false; to see the difference)
• Card example (Sass, with custom properties)
• Card example (PostCSS)
• Card example (PostCSS, with custom properties)