Variables
- -Learn more about LESS variables in UIkit.
- -UIkit uses variables based on legendary LESS CSS. It is very likely that you will use certain values repeatedly throughout a document. This can cause quite a hassle, for example when subsequently adjusting a website's color scheme. Variables allow you to easily make these global changes and avoid redundant code.
- -Global, component and theme variables
- -UIkit distinguishes between different kinds of variables according to their purpose. Global variables are set to declare component variables, thus making for an easily maintainable structure. Component variables are intended specifically for use in components. Additionally there are global and component variables that only occur in themes. All variables are prefixed to indicate what they are used for.
- -Global variables
- -@global-base-color: #444;
-@global-font-size-large: 16px;
-
- Component variables
- -@base-body-color: @global-base-color;
-@base-h1-font-size: 36px;
-
- Theme global variables
- -@theme_global-border-radius: 4px;
-
- Theme component variables
- -@theme_button-border-radius: @theme_global-border-radius;
-
-