CSS custom properties (variables)
Many components make use of CSS variables to set their styling - commonly with colour and padding parameters, but the usage can vary.
Many components make use of CSS variables to set their styling - commonly with colour and padding parameters, but the usage can vary.
The Design System Configurator is a tool that enables you to configure many of the CSS variables that the rapid design system uses. You can adjust settings by moving sliders and changing values, and see the effect of the changes immediately on screen.
This section covers how to configure tokens for the different types of styling in your application.
This section covers how to style Genesis components directly, without having to create a new class with custom styles and extend the base.
This approach to styling requires writing components using Genesis syntax.
Parts