Comment on page
On this page, you can set your important preferences such as adding your own class/variable prefixes, option to output REM units, set your min and max screen widths, root font size, plus more.
Changing class and variable prefixes should be done before building in builders. Changing prefixes when classes are applied with a different prefix (or none) will cause styles to disappear (even though id of class/color hasn't changed).
If enabled, all animations will be disabled when the user has enabled the 'Reduce motion' option in their OS settings.
Add a custom prefix in front of all Core Framework classes, to avoid conflicts with existing classes with the same generic name.
Add a custom prefix before every Core Framework variable (colors, spaces, and sizes), to avoid conflicts with existing variables with the same generic name.
Use PostCSS to process the outputted CSS to automatically include vendor prefixes and fallbacks to ensure cross-browser compatibility.
Pixel values in typography and spacing will get automatically recalculated and outputted in REM.
Screen width for the minimum size in fluid calculators (spacing and typography).
Screen width for the maximum size in fluid calculators (spacing and typography).
You can choose between 100% and 62.5% for the root font size. Values in fluid calculators (spacing and typography) will get automatically recalculated.
Give your preset a title to easily identify it. This title will also be used as the file name when exporting your preset.
Choose between light and dark theme.
Remove all data on uninstall, including core framework classes and colors from builders (can't be undone).
This option will reset entire framework and preferences to default settings.
Warning: This option can't be reverted!