Skip to content
GitLab

RFS (Responsive font size) implementation

Merged Administrator requested to merge github/fork/MartijnCuppens/rfs-rem-implementation into v4-dev

Created by: MartijnCuppens

Fixes #23053 (closed)

  • RFS is disabled by default and can be switched on with $enable-responsive-font-sizes
  • font-size-properties are switched to the @include font-size()-mixin. Stylelint prevents the usage of font-size property.
  • Basic documentation added + link to github repo for further documentation.
  • RFS is enabled to rescale font-sizes of titles on the docs page.

Demo with RFS enabled available here (this is not the default behaviour, but would be the behaviour if $enable-responsive-font-sizes was true): https://project-rfs.github.io/

TODO:

  • Remove fusv false warning workaround
  • Decide whether or not we're going to keep $input-height-sm and $input-height-lg > no
  • Test if we should increase the minimum font size to 1.25rem > yes