|
|
@ -7,13 +7,14 @@
|
|
|
|
//
|
|
|
|
//
|
|
|
|
//## Gray and brand colors for use across Bootstrap.
|
|
|
|
//## Gray and brand colors for use across Bootstrap.
|
|
|
|
|
|
|
|
|
|
|
|
@gray-darker: lighten(#000, 13.5%); // #222
|
|
|
|
@gray-base: #000;
|
|
|
|
@gray-dark: lighten(#000, 20%); // #333
|
|
|
|
@gray-darker: lighten(@gray-base, 13.5%); // #222
|
|
|
|
@gray: lighten(#000, 33.5%); // #555
|
|
|
|
@gray-dark: lighten(@gray-base, 20%); // #333
|
|
|
|
@gray-light: lighten(#000, 46.7%); // #777
|
|
|
|
@gray: lighten(@gray-base, 33.5%); // #555
|
|
|
|
@gray-lighter: lighten(#000, 93.5%); // #eee
|
|
|
|
@gray-light: lighten(@gray-base, 46.7%); // #777
|
|
|
|
|
|
|
|
@gray-lighter: lighten(@gray-base, 93.5%); // #eee
|
|
|
|
@brand-primary: #428bca;
|
|
|
|
|
|
|
|
|
|
|
|
@brand-primary: darken(#428bca, 6.5%);
|
|
|
|
@brand-success: #5cb85c;
|
|
|
|
@brand-success: #5cb85c;
|
|
|
|
@brand-info: #5bc0de;
|
|
|
|
@brand-info: #5bc0de;
|
|
|
|
@brand-warning: #f0ad4e;
|
|
|
|
@brand-warning: #f0ad4e;
|
|
|
@ -33,13 +34,15 @@
|
|
|
|
@link-color: @brand-primary;
|
|
|
|
@link-color: @brand-primary;
|
|
|
|
//** Link hover color set via `darken()` function.
|
|
|
|
//** Link hover color set via `darken()` function.
|
|
|
|
@link-hover-color: darken(@link-color, 15%);
|
|
|
|
@link-hover-color: darken(@link-color, 15%);
|
|
|
|
|
|
|
|
//** Link hover decoration.
|
|
|
|
|
|
|
|
@link-hover-decoration: underline;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//== Typography
|
|
|
|
//== Typography
|
|
|
|
//
|
|
|
|
//
|
|
|
|
//## Font, line-height, and color for body text, headings, and more.
|
|
|
|
//## Font, line-height, and color for body text, headings, and more.
|
|
|
|
|
|
|
|
|
|
|
|
@font-family-sans-serif: "Open Sans", Helvetica, Arial, sans-serif;
|
|
|
|
@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
@font-family-serif: Georgia, "Times New Roman", Times, serif;
|
|
|
|
@font-family-serif: Georgia, "Times New Roman", Times, serif;
|
|
|
|
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
|
|
|
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
|
|
|
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
|
|
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
|
@ -181,13 +184,20 @@
|
|
|
|
@input-color: @gray;
|
|
|
|
@input-color: @gray;
|
|
|
|
//** `<input>` border color
|
|
|
|
//** `<input>` border color
|
|
|
|
@input-border: #ccc;
|
|
|
|
@input-border: #ccc;
|
|
|
|
//** `<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;
|
|
|
|
@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
|
|
|
|
//** Border color for inputs on focus
|
|
|
|
@input-border-focus: #66afe9;
|
|
|
|
@input-border-focus: #66afe9;
|
|
|
|
|
|
|
|
|
|
|
|
//** Placeholder text color
|
|
|
|
//** Placeholder text color
|
|
|
|
@input-color-placeholder: @gray-light;
|
|
|
|
@input-color-placeholder: #999;
|
|
|
|
|
|
|
|
|
|
|
|
//** Default `.form-control` height
|
|
|
|
//** Default `.form-control` height
|
|
|
|
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
|
|
|
|
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
|
|
|
@ -204,6 +214,9 @@
|
|
|
|
//** Border color for textual input addons
|
|
|
|
//** Border color for textual input addons
|
|
|
|
@input-group-addon-border-color: @input-border;
|
|
|
|
@input-group-addon-border-color: @input-border;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//** Disabled cursor for form controls and buttons.
|
|
|
|
|
|
|
|
@cursor-disabled: not-allowed;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//== Dropdowns
|
|
|
|
//== Dropdowns
|
|
|
|
//
|
|
|
|
//
|
|
|
@ -252,8 +265,7 @@
|
|
|
|
@zindex-popover: 1060;
|
|
|
|
@zindex-popover: 1060;
|
|
|
|
@zindex-tooltip: 1070;
|
|
|
|
@zindex-tooltip: 1070;
|
|
|
|
@zindex-navbar-fixed: 1030;
|
|
|
|
@zindex-navbar-fixed: 1030;
|
|
|
|
@zindex-modal-background: 1040;
|
|
|
|
@zindex-modal: 1040;
|
|
|
|
@zindex-modal: 1050;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//== Media queries breakpoints
|
|
|
|
//== Media queries breakpoints
|
|
|
@ -302,10 +314,10 @@
|
|
|
|
//** Number of columns in the grid.
|
|
|
|
//** Number of columns in the grid.
|
|
|
|
@grid-columns: 12;
|
|
|
|
@grid-columns: 12;
|
|
|
|
//** Padding between columns. Gets divided in half for the left and right.
|
|
|
|
//** Padding between columns. Gets divided in half for the left and right.
|
|
|
|
@grid-gutter-width: 15px;
|
|
|
|
@grid-gutter-width: 30px;
|
|
|
|
// Navbar collapse
|
|
|
|
// Navbar collapse
|
|
|
|
//** Point at which the navbar becomes uncollapsed.
|
|
|
|
//** Point at which the navbar becomes uncollapsed.
|
|
|
|
@grid-float-breakpoint: 0;
|
|
|
|
@grid-float-breakpoint: @screen-sm-min;
|
|
|
|
//** Point at which the navbar begins collapsing.
|
|
|
|
//** Point at which the navbar begins collapsing.
|
|
|
|
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
|
|
|
|
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
|
|
|
|
|
|
|
|
|
|
|
@ -315,17 +327,17 @@
|
|
|
|
//## Define the maximum width of `.container` for different screen sizes.
|
|
|
|
//## Define the maximum width of `.container` for different screen sizes.
|
|
|
|
|
|
|
|
|
|
|
|
// Small screen / tablet
|
|
|
|
// Small screen / tablet
|
|
|
|
@container-tablet: ((720px + @grid-gutter-width));
|
|
|
|
@container-tablet: (720px + @grid-gutter-width);
|
|
|
|
//** For `@screen-sm-min` and up.
|
|
|
|
//** For `@screen-sm-min` and up.
|
|
|
|
@container-sm: @container-tablet;
|
|
|
|
@container-sm: @container-tablet;
|
|
|
|
|
|
|
|
|
|
|
|
// Medium screen / desktop
|
|
|
|
// Medium screen / desktop
|
|
|
|
@container-desktop: ((940px + @grid-gutter-width));
|
|
|
|
@container-desktop: (940px + @grid-gutter-width);
|
|
|
|
//** For `@screen-md-min` and up.
|
|
|
|
//** For `@screen-md-min` and up.
|
|
|
|
@container-md: @container-desktop;
|
|
|
|
@container-md: @container-desktop;
|
|
|
|
|
|
|
|
|
|
|
|
// Large screen / wide 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.
|
|
|
|
//** For `@screen-lg-min` and up.
|
|
|
|
@container-lg: @container-large-desktop;
|
|
|
|
@container-lg: @container-large-desktop;
|
|
|
|
|
|
|
|
|
|
|
@ -368,12 +380,12 @@
|
|
|
|
|
|
|
|
|
|
|
|
// Inverted navbar
|
|
|
|
// Inverted navbar
|
|
|
|
// Reset inverted navbar basics
|
|
|
|
// Reset inverted navbar basics
|
|
|
|
@navbar-inverse-color: @gray-light;
|
|
|
|
@navbar-inverse-color: lighten(@gray-light, 15%);
|
|
|
|
@navbar-inverse-bg: #222;
|
|
|
|
@navbar-inverse-bg: #222;
|
|
|
|
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
|
|
|
|
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
|
|
|
|
|
|
|
|
|
|
|
|
// Inverted navbar links
|
|
|
|
// Inverted navbar links
|
|
|
|
@navbar-inverse-link-color: @gray-light;
|
|
|
|
@navbar-inverse-link-color: lighten(@gray-light, 15%);
|
|
|
|
@navbar-inverse-link-hover-color: #fff;
|
|
|
|
@navbar-inverse-link-hover-color: #fff;
|
|
|
|
@navbar-inverse-link-hover-bg: transparent;
|
|
|
|
@navbar-inverse-link-hover-bg: transparent;
|
|
|
|
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
|
|
|
|
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
|
|
|
@ -403,8 +415,6 @@
|
|
|
|
@nav-disabled-link-color: @gray-light;
|
|
|
|
@nav-disabled-link-color: @gray-light;
|
|
|
|
@nav-disabled-link-hover-color: @gray-light;
|
|
|
|
@nav-disabled-link-hover-color: @gray-light;
|
|
|
|
|
|
|
|
|
|
|
|
@nav-open-link-hover-color: #fff;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//== Tabs
|
|
|
|
//== Tabs
|
|
|
|
@nav-tabs-border-color: #ddd;
|
|
|
|
@nav-tabs-border-color: #ddd;
|
|
|
|
|
|
|
|
|
|
|
@ -529,7 +539,7 @@
|
|
|
|
//** Popover arrow width
|
|
|
|
//** Popover arrow width
|
|
|
|
@popover-arrow-width: 10px;
|
|
|
|
@popover-arrow-width: 10px;
|
|
|
|
//** Popover arrow color
|
|
|
|
//** Popover arrow color
|
|
|
|
@popover-arrow-color: #fff;
|
|
|
|
@popover-arrow-color: @popover-bg;
|
|
|
|
|
|
|
|
|
|
|
|
//** Popover outer arrow width
|
|
|
|
//** Popover outer arrow width
|
|
|
|
@popover-arrow-outer-width: (@popover-arrow-width + 1);
|
|
|
|
@popover-arrow-outer-width: (@popover-arrow-width + 1);
|
|
|
@ -628,6 +638,8 @@
|
|
|
|
@progress-bg: #f5f5f5;
|
|
|
|
@progress-bg: #f5f5f5;
|
|
|
|
//** Progress bar text color
|
|
|
|
//** Progress bar text color
|
|
|
|
@progress-bar-color: #fff;
|
|
|
|
@progress-bar-color: #fff;
|
|
|
|
|
|
|
|
//** Variable for setting rounded corners on progress bar.
|
|
|
|
|
|
|
|
@progress-border-radius: @border-radius-base;
|
|
|
|
|
|
|
|
|
|
|
|
//** Default progress bar color
|
|
|
|
//** Default progress bar color
|
|
|
|
@progress-bar-bg: @brand-primary;
|
|
|
|
@progress-bar-bg: @brand-primary;
|
|
|
@ -842,5 +854,3 @@
|
|
|
|
@dl-horizontal-offset: @component-offset-horizontal;
|
|
|
|
@dl-horizontal-offset: @component-offset-horizontal;
|
|
|
|
//** Horizontal line color.
|
|
|
|
//** Horizontal line color.
|
|
|
|
@hr-border: @gray-lighter;
|
|
|
|
@hr-border: @gray-lighter;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|