diff options
Diffstat (limited to 'flatly/variables.less')
| -rw-r--r-- | flatly/variables.less | 34 |
1 files changed, 22 insertions, 12 deletions
diff --git a/flatly/variables.less b/flatly/variables.less index 69bca3aa..bfd60ca6 100644 --- a/flatly/variables.less +++ b/flatly/variables.less @@ -1,4 +1,4 @@ -// Flatly 3.2.0 +// Flatly 3.3.0 // Variables // -------------------------------------------------- @@ -7,6 +7,7 @@ // //## Gray and brand colors for use across Bootstrap. +@gray-base: #000; @gray-darker: lighten(#000, 13.5%); // #222 @gray-dark: #7b8a8b; // #333 @gray: #95a5a6; // #555 @@ -33,6 +34,8 @@ @link-color: @brand-success; //** Link hover color set via `darken()` function. @link-hover-color: @link-color; +//** Link hover decoration. +@link-hover-decoration: underline; //== Typography @@ -181,8 +184,15 @@ @input-color: @text-color; //** `<input>` border color @input-border: #dce4ec; -//** `<input>` border radius + +// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +//** Default `.form-control` border radius @input-border-radius: @border-radius-base; +//** Large `.form-control` border radius +@input-border-radius-large: @border-radius-large; +//** Small `.form-control` border radius +@input-border-radius-small: @border-radius-small; + //** Border color for inputs on focus @input-border-focus: @brand-primary; @@ -204,6 +214,9 @@ //** Border color for textual input addons @input-group-addon-border-color: @input-border; +//** Disabled cursor for form controls and buttons. +@cursor-disabled: not-allowed; + //== Dropdowns // @@ -252,8 +265,7 @@ @zindex-popover: 1060; @zindex-tooltip: 1070; @zindex-navbar-fixed: 1030; -@zindex-modal-background: 1040; -@zindex-modal: 1050; +@zindex-modal: 1040; //== Media queries breakpoints @@ -315,17 +327,17 @@ //## Define the maximum width of `.container` for different screen sizes. // Small screen / tablet -@container-tablet: ((720px + @grid-gutter-width)); +@container-tablet: (720px + @grid-gutter-width); //** For `@screen-sm-min` and up. @container-sm: @container-tablet; // Medium screen / desktop -@container-desktop: ((940px + @grid-gutter-width)); +@container-desktop: (940px + @grid-gutter-width); //** For `@screen-md-min` and up. @container-md: @container-desktop; // Large screen / wide desktop -@container-large-desktop: ((1140px + @grid-gutter-width)); +@container-large-desktop: (1140px + @grid-gutter-width); //** For `@screen-lg-min` and up. @container-lg: @container-large-desktop; @@ -403,8 +415,6 @@ @nav-disabled-link-color: @gray-light; @nav-disabled-link-hover-color: @gray-light; -@nav-open-link-hover-color: #fff; - //== Tabs @nav-tabs-border-color: @gray-lighter; @@ -529,7 +539,7 @@ //** Popover arrow width @popover-arrow-width: 10px; //** Popover arrow color -@popover-arrow-color: #fff; +@popover-arrow-color: @popover-bg; //** Popover outer arrow width @popover-arrow-outer-width: (@popover-arrow-width + 1); @@ -628,6 +638,8 @@ @progress-bg: @gray-lighter; //** Progress bar text color @progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +@progress-border-radius: @border-radius-base; //** Default progress bar color @progress-bar-bg: @brand-primary; @@ -842,5 +854,3 @@ @dl-horizontal-offset: @component-offset-horizontal; //** Horizontal line color. @hr-border: @gray-lighter; - - |