RFS

RFS is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling basically every value for any CSS property with units, like margin, padding, border radius or even box-shadow. The mechanism automatically calculates the appropriate values based on the dimensions of the browser viewport. It's available in one of your favorite preprocessors or postprocessor, Sass, Less, Stylus or PostCSS. The source files can also be downloaded manually and used in a project. This method is not recommended because you lose the ability to easily and quickly manage and update RFS as a dependency. RFS works out of the box without any configuration tweaks. Enabling the two dimensional media queries will determine the value based on the smallest side of the screen with vmin. This prevents values from changing if the device toggles between portrait and landscape mode.