/**
* @stylesheet variables.less Variables
* @parent styles-start 3
*
* @description
* Each CSS component has less variables that define basic values for styling that component. Each variable can be re-used anywhere in the component or app. For example, common colors, grid sizes, and margin / padding are all defined using variables.
*
* The default Bootstrap `variables.less` file has been broken up into multiple files. Each CSS component file now contains it's own variables. This file `@import`s all the other variable files.
*
**/

@import "color-palette.less";
@import "typography.less";
@import "components.less";
@import "buttons.less";
@import "z-index.less";
@import "media-queries.less";
@import "grid.less";
@import "container.less";
@import "navbar.less";
@import "thumbnails.less";
@import "close.less";