These are variables that we can use when customizing a website built on the Boulevard theme system. Some of these variables come from bootstrap and some we have created specifically for Boulevard.

//** Brand style colors.
$brand-primary                          // Brand primary
$brand-second                           // Brand seconday
$brand-third                            // Brand tertiary
$brand-compliment                       // Automatically created as a compliment to Brand Primary


//** Brand alert colors.
$brand-success                          // Success alert message
$brand-info                             // Info alert message
$brand-warning                          // Warning alert message
$brand-danger                           // Danger alert message


//** Background and section colors.
$body-bg                                // Just the background color
$body-background                        // Will include background image if present in options
$footer-background                      // Footer background color and image (if image present)
$footer-text-color                      // Footer text color
$footer-link-color                      // Footer link color


//** Text and font variables.
$text-color                             // Standard body text color
$font-family-base                       // Body font family

$font-size-base                         // Standard font size (selected in theme options)
$font-size-small                        // Small font size (auto created based upon base)
$font-size-large                        // Large font size (auto created based upon base)

$font-size-h1                           // H1 tag font size (automatically created based upon base font size)
$font-size-h2                           // H2 tag font size (automatically created based upon base font size)
$font-size-h3                           // H3 tag font size (automatically created based upon base font size)
$font-size-h4                           // H4 tag font size (automatically created based upon base font size)
$font-size-h5                           // H5 tag font size (automatically created based upon base font size)
$font-size-h6                           // H6 tag font size (automatically created based upon base font size)

$headings-font-family                   // Font family for all headings
$headings-font-weight                   // Font weight for all headings
$headings-line-height                   // Font line-height for all headings
$headings-color                         // Color for all headings

// Main menu header font styles.
$navbar-font-family                     // Font family
$navbar-font-weight                     // Font weight
$navbar-line-height                     // Font line-height
$navbar-font-size                       // Font size


//** Header styles and dimensions.
$navbar-height                          // The height of the header section
$body-margin-top                        // Only used if the header is fixed to top of window
$navbar-margin-top                      // Margin between the header and the top of the page
$navbar-margin-bottom                   // Margin between the bottom of the header and the top of the content


// Main menu link colors.
$navbar-default-link-color              // Link text color
$navbar-default-link-bg                 // Link background color
$navbar-default-link-hover-color        // Hover link text color
$navbar-default-link-hover-bg           // Hover link background color
$navbar-default-link-active-color       // Active link text color
$navbar-default-link-active-bg          // Active link background color


//** Easy backstretch slider.
$hji-slideshow-height                   // Height of the background slider


//** Link colors.
$link-color                             // Standard link colors
$link-hover-color                       // Automatically created


//** Form elements.
$input-bg                               // Background of input fields
$legend-color                           // Legend color
$legend-border-color                    // Legend border color


//** Media query breakpoints. ===============================
$screen-xs                              // 480px - Extra small screen / large mobile
$screen-sm                              // 768px - Small screen / tablet
$screen-md                              // 992px - Medium screen / desktop
$screen-lg                              // 1200px - Large screen / wide desktop

// Point where navbar becomes mobile friendly
$grid-float-breakpoint

Matt Barrett has written 1 article