The grid module contains two importan variables, the boolean $use-four-step-grid which determines if the grid has 3 or 4 breakpoints and the $grid-column-count which determines the amount of vertical columns used for the grid's layout. Apart from those, there are a few variables that set the names for the grid system's classes, prefixes and suffixes and the grid's screen size breakpoint definitions.
The navigation module contains a plethora of variables used in the styling of the navigational elements. Most of them concern colors, spacing and sizing and similar things. Bear in mind that the presentation of buttons inside the <header> element will be affected by the styling of all button elements, as defined in the input_control module. The variable stands out in this module is $nav-sublink-depth which determines how deep a navigational hierarchy tree can be.
The input_control module is one of the larger modules, containg a lot of variables to style a multitude of elements. Forms and textual <input> elements utilize variables that concern color, spacing, sizing etc. Button variables are more interesting, especially the ones concerning the opacity of button elements ($button-back-opacity and $button-hover-back-opacity). The $hide-file-inputs boolean variable determines how <input type="file"> elements will be handled. Checkboxes and radio buttons also use a few variables concerning basic styling, but special attention needs to be paid to the $checkbox-size variable, as it determines a few attributes of both elements.
There are two mixins in the input_control module, specifically:
+make-button-alt-color - button color variantsmake-button-alt-style - button size and spacing variantsThe table module's variables deal mostly with basic table styling. The $table-mobile-breakpoint is very important as it determines the breakpoint for responsive tables' mobile view, along with $table-mobile-card-label which determines the attribute that will be used to display the table headings on mobile devices.
The card modules' variables mostly deal with things like class names, spacing, sizing and colors. Cards offer a handful of mixins, specifically:
+make-card-alt-size - card size variantsmake-card-alt-color - card color variantsmake-card-section-alt-color - card section color variantsmake-card-section-alt-style - card section size and spacing variantsThe tab module utilizes a few naming and color variables, along with some sizing and spacing variables to deal with presentation and functionality. Many of the sizing variables are very dependent on each other's values. The $tab-stacked-breakpoint variable is especially important, as it determines the mobile view breakpoint for the tabs component.
The contextual module features, apart from basic naming and styling variables, a few things of note. The boolean variable $alert-include-animated determines if animted alerts will be inluded or not. There are also a handful of mixins, which are the most important part of the contextual module as they are what makes it useful:
make-mark-alt-color - mark color variantsmake-mark-alt-style - mark size and spacing variantsmake-alert-alt-color - alert color variantsmake-alert-alt-style - alert size and spacing variantsThe progress module contains lots of variables that affect basic styling, but it also features a few interesting mixins:
+make-progress-inline - inline progress variantmake-progress-alt-color - progress color variantsmake-progress-alt-style - progress size and spacing variantsmake-spinner-donut-alt-color - spinner donut color variantsmake-spinner-donutt-alt-style - spinner donut size and spacing variantsThe utility module contains a few variables dealing with naming and basic styling, but its most important feature is its mixins:
+make-border-generic - generic bordermake-border-radial-style - border radius variantsmake-box-shadow-generic - generic shadow variantsmake-margin-responsive - responsive marginsmake-padding-responsive - responsive paddingsmake-floats - quick floatsIf you would rather use one of the pre-defined flavors, check out our flavors page for a list of all flavors currently available.
+