Blame view
app/bower_components/bootstrap/less/variables.less
26.8 KB
f986e111b
add libs
|
1 2 3 |
// // Variables // -------------------------------------------------- |
87c93a029
add modal
|
4 5 6 |
//== Colors // //## Gray and brand colors for use across Bootstrap. |
|
f986e111b
add libs
|
7 |
|
|
87c93a029
add modal
|
8 9 10 11 12 13 |
@gray-base: #000; @gray-darker: lighten(@gray-base, 13.5%); // #222 @gray-dark: lighten(@gray-base, 20%); // #333 @gray: lighten(@gray-base, 33.5%); // #555 @gray-light: lighten(@gray-base, 46.7%); // #777 @gray-lighter: lighten(@gray-base, 93.5%); // #eee |
|
f986e111b
add libs
|
14 |
|
|
87c93a029
add modal
|
15 |
@brand-primary: darken(#428bca, 6.5%); // #337ab7 |
|
f986e111b
add libs
|
16 |
@brand-success: #5cb85c; |
|
87c93a029
add modal
|
17 |
@brand-info: #5bc0de; |
|
f986e111b
add libs
|
18 19 |
@brand-warning: #f0ad4e; @brand-danger: #d9534f; |
|
f986e111b
add libs
|
20 |
|
|
f986e111b
add libs
|
21 |
|
|
87c93a029
add modal
|
22 23 24 25 26 |
//== Scaffolding // //## Settings for some of the most global styles. //** Background color for `<body>`. |
|
f986e111b
add libs
|
27 |
@body-bg: #fff; |
|
87c93a029
add modal
|
28 |
//** Global text color on `<body>`. |
|
f986e111b
add libs
|
29 |
@text-color: @gray-dark; |
|
87c93a029
add modal
|
30 |
//** Global textual link color. |
|
f986e111b
add libs
|
31 |
@link-color: @brand-primary; |
|
87c93a029
add modal
|
32 |
//** Link hover color set via `darken()` function. |
|
f986e111b
add libs
|
33 |
@link-hover-color: darken(@link-color, 15%); |
|
87c93a029
add modal
|
34 35 |
//** Link hover decoration. @link-hover-decoration: underline; |
|
f986e111b
add libs
|
36 |
|
|
87c93a029
add modal
|
37 38 39 |
//== Typography // //## Font, line-height, and color for body text, headings, and more. |
|
f986e111b
add libs
|
40 41 42 |
@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; @font-family-serif: Georgia, "Times New Roman", Times, serif; |
|
87c93a029
add modal
|
43 |
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. |
|
f986e111b
add libs
|
44 45 46 47 |
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; @font-family-base: @font-family-sans-serif; @font-size-base: 14px; |
|
87c93a029
add modal
|
48 49 |
@font-size-large: ceil((@font-size-base * 1.25)); // ~18px @font-size-small: ceil((@font-size-base * 0.85)); // ~12px |
|
f986e111b
add libs
|
50 |
|
|
87c93a029
add modal
|
51 52 53 54 |
@font-size-h1: floor((@font-size-base * 2.6)); // ~36px @font-size-h2: floor((@font-size-base * 2.15)); // ~30px @font-size-h3: ceil((@font-size-base * 1.7)); // ~24px @font-size-h4: ceil((@font-size-base * 1.25)); // ~18px |
|
f986e111b
add libs
|
55 |
@font-size-h5: @font-size-base; |
|
87c93a029
add modal
|
56 |
@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px |
|
f986e111b
add libs
|
57 |
|
|
87c93a029
add modal
|
58 |
//** Unit-less `line-height` for use in components like buttons. |
|
f986e111b
add libs
|
59 |
@line-height-base: 1.428571429; // 20/14 |
|
87c93a029
add modal
|
60 61 |
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px |
|
f986e111b
add libs
|
62 |
|
|
87c93a029
add modal
|
63 64 |
//** By default, this inherits from the `<body>`. @headings-font-family: inherit; |
|
f986e111b
add libs
|
65 66 67 |
@headings-font-weight: 500; @headings-line-height: 1.1; @headings-color: inherit; |
|
87c93a029
add modal
|
68 69 70 |
//== Iconography // //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. |
|
f986e111b
add libs
|
71 |
|
|
87c93a029
add modal
|
72 |
//** Load fonts from this directory. |
|
f986e111b
add libs
|
73 |
@icon-font-path: "../fonts/"; |
|
87c93a029
add modal
|
74 |
//** File name for all font files. |
|
f986e111b
add libs
|
75 |
@icon-font-name: "glyphicons-halflings-regular"; |
|
87c93a029
add modal
|
76 77 |
//** Element ID within SVG icon file. @icon-font-svg-id: "glyphicons_halflingsregular"; |
|
f986e111b
add libs
|
78 |
|
|
87c93a029
add modal
|
79 80 81 82 83 84 |
//== Components // //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). @padding-base-vertical: 6px; @padding-base-horizontal: 12px; |
|
f986e111b
add libs
|
85 |
|
|
87c93a029
add modal
|
86 87 |
@padding-large-vertical: 10px; @padding-large-horizontal: 16px; |
|
f986e111b
add libs
|
88 |
|
|
87c93a029
add modal
|
89 90 |
@padding-small-vertical: 5px; @padding-small-horizontal: 10px; |
|
f986e111b
add libs
|
91 |
|
|
87c93a029
add modal
|
92 93 |
@padding-xs-vertical: 1px; @padding-xs-horizontal: 5px; |
|
f986e111b
add libs
|
94 |
|
|
87c93a029
add modal
|
95 96 |
@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome @line-height-small: 1.5; |
|
f986e111b
add libs
|
97 |
|
|
87c93a029
add modal
|
98 99 100 |
@border-radius-base: 4px; @border-radius-large: 6px; @border-radius-small: 3px; |
|
f986e111b
add libs
|
101 |
|
|
87c93a029
add modal
|
102 103 104 105 |
//** Global color for active items (e.g., navs or dropdowns). @component-active-color: #fff; //** Global background color for active items (e.g., navs or dropdowns). @component-active-bg: @brand-primary; |
|
f986e111b
add libs
|
106 |
|
|
87c93a029
add modal
|
107 108 109 110 |
//** Width of the `border` for generating carets that indicate dropdowns. @caret-width-base: 4px; //** Carets increase slightly in size for larger components. @caret-width-large: 5px; |
|
f986e111b
add libs
|
111 |
|
|
f986e111b
add libs
|
112 |
|
|
87c93a029
add modal
|
113 114 115 |
//== Tables // //## Customizes the `.table` component with basic values, each used across all table variations. |
|
f986e111b
add libs
|
116 |
|
|
87c93a029
add modal
|
117 118 119 120 |
//** Padding for `<th>`s and `<td>`s. @table-cell-padding: 8px; //** Padding for cells in `.table-condensed`. @table-condensed-cell-padding: 5px; |
|
f986e111b
add libs
|
121 |
|
|
87c93a029
add modal
|
122 123 124 125 126 127 128 |
//** Default background color used for all tables. @table-bg: transparent; //** Background color used for `.table-striped`. @table-bg-accent: #f9f9f9; //** Background color used for `.table-hover`. @table-bg-hover: #f5f5f5; @table-bg-active: @table-bg-hover; |
|
f986e111b
add libs
|
129 |
|
|
87c93a029
add modal
|
130 131 |
//** Border color for table and cell borders. @table-border-color: #ddd; |
|
f986e111b
add libs
|
132 |
|
|
87c93a029
add modal
|
133 134 135 |
//== Buttons // //## For each of Bootstrap's buttons, define text, background and border color. |
|
f986e111b
add libs
|
136 137 138 139 140 141 142 143 144 145 146 147 148 149 |
@btn-font-weight: normal; @btn-default-color: #333; @btn-default-bg: #fff; @btn-default-border: #ccc; @btn-primary-color: #fff; @btn-primary-bg: @brand-primary; @btn-primary-border: darken(@btn-primary-bg, 5%); @btn-success-color: #fff; @btn-success-bg: @brand-success; @btn-success-border: darken(@btn-success-bg, 5%); |
|
87c93a029
add modal
|
150 151 152 |
@btn-info-color: #fff; @btn-info-bg: @brand-info; @btn-info-border: darken(@btn-info-bg, 5%); |
|
f986e111b
add libs
|
153 154 155 156 157 158 159 |
@btn-warning-color: #fff; @btn-warning-bg: @brand-warning; @btn-warning-border: darken(@btn-warning-bg, 5%); @btn-danger-color: #fff; @btn-danger-bg: @brand-danger; @btn-danger-border: darken(@btn-danger-bg, 5%); |
|
f986e111b
add libs
|
160 |
@btn-link-disabled-color: @gray-light; |
|
87c93a029
add modal
|
161 162 163 164 |
// Allows for customizing button radius independently from global border radius @btn-border-radius-base: @border-radius-base; @btn-border-radius-large: @border-radius-large; @btn-border-radius-small: @border-radius-small; |
|
f986e111b
add libs
|
165 |
|
|
f986e111b
add libs
|
166 |
|
|
87c93a029
add modal
|
167 168 169 170 171 |
//== Forms // //## //** `<input>` background color |
|
f986e111b
add libs
|
172 |
@input-bg: #fff; |
|
87c93a029
add modal
|
173 |
//** `<input disabled>` background color |
|
f986e111b
add libs
|
174 |
@input-bg-disabled: @gray-lighter; |
|
87c93a029
add modal
|
175 |
//** Text color for `<input>`s |
|
f986e111b
add libs
|
176 |
@input-color: @gray; |
|
87c93a029
add modal
|
177 |
//** `<input>` border color |
|
f986e111b
add libs
|
178 |
@input-border: #ccc; |
|
87c93a029
add modal
|
179 180 181 182 |
// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS. |
|
f986e111b
add libs
|
183 |
@input-border-radius: @border-radius-base; |
|
87c93a029
add modal
|
184 185 186 187 188 189 |
//** 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 |
|
f986e111b
add libs
|
190 |
@input-border-focus: #66afe9; |
|
87c93a029
add modal
|
191 192 |
//** Placeholder text color @input-color-placeholder: #999; |
|
f986e111b
add libs
|
193 |
|
|
87c93a029
add modal
|
194 |
//** Default `.form-control` height |
|
f986e111b
add libs
|
195 |
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); |
|
87c93a029
add modal
|
196 |
//** Large `.form-control` height |
|
f986e111b
add libs
|
197 |
@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); |
|
87c93a029
add modal
|
198 |
//** Small `.form-control` height |
|
f986e111b
add libs
|
199 |
@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); |
|
87c93a029
add modal
|
200 201 |
//** `.form-group` margin @form-group-margin-bottom: 15px; |
|
f986e111b
add libs
|
202 203 |
@legend-color: @gray-dark; @legend-border-color: #e5e5e5; |
|
87c93a029
add modal
|
204 |
//** Background color for textual input addons |
|
f986e111b
add libs
|
205 |
@input-group-addon-bg: @gray-lighter; |
|
87c93a029
add modal
|
206 |
//** Border color for textual input addons |
|
f986e111b
add libs
|
207 |
@input-group-addon-border-color: @input-border; |
|
87c93a029
add modal
|
208 209 |
//** Disabled cursor for form controls and buttons. @cursor-disabled: not-allowed; |
|
f986e111b
add libs
|
210 |
|
|
87c93a029
add modal
|
211 212 213 |
//== Dropdowns // //## Dropdown menu container and contents. |
|
f986e111b
add libs
|
214 |
|
|
87c93a029
add modal
|
215 |
//** Background for the dropdown menu. |
|
f986e111b
add libs
|
216 |
@dropdown-bg: #fff; |
|
87c93a029
add modal
|
217 |
//** Dropdown menu `border-color`. |
|
f986e111b
add libs
|
218 |
@dropdown-border: rgba(0,0,0,.15); |
|
87c93a029
add modal
|
219 |
//** Dropdown menu `border-color` **for IE8**. |
|
f986e111b
add libs
|
220 |
@dropdown-fallback-border: #ccc; |
|
87c93a029
add modal
|
221 |
//** Divider color for between dropdown items. |
|
f986e111b
add libs
|
222 |
@dropdown-divider-bg: #e5e5e5; |
|
87c93a029
add modal
|
223 |
//** Dropdown link text color. |
|
f986e111b
add libs
|
224 |
@dropdown-link-color: @gray-dark; |
|
87c93a029
add modal
|
225 |
//** Hover color for dropdown links. |
|
f986e111b
add libs
|
226 |
@dropdown-link-hover-color: darken(@gray-dark, 5%); |
|
87c93a029
add modal
|
227 |
//** Hover background for dropdown links. |
|
f986e111b
add libs
|
228 |
@dropdown-link-hover-bg: #f5f5f5; |
|
87c93a029
add modal
|
229 |
//** Active dropdown menu item text color. |
|
f986e111b
add libs
|
230 |
@dropdown-link-active-color: @component-active-color; |
|
87c93a029
add modal
|
231 |
//** Active dropdown menu item background color. |
|
f986e111b
add libs
|
232 |
@dropdown-link-active-bg: @component-active-bg; |
|
87c93a029
add modal
|
233 |
//** Disabled dropdown menu item background color. |
|
f986e111b
add libs
|
234 |
@dropdown-link-disabled-color: @gray-light; |
|
87c93a029
add modal
|
235 |
//** Text color for headers within dropdown menus. |
|
f986e111b
add libs
|
236 |
@dropdown-header-color: @gray-light; |
|
87c93a029
add modal
|
237 238 |
//** Deprecated `@dropdown-caret-color` as of v3.1.0 @dropdown-caret-color: #000; |
|
f986e111b
add libs
|
239 |
|
|
87c93a029
add modal
|
240 241 242 243 244 245 |
//-- Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. // // Note: These variables are not generated into the Customizer. |
|
f986e111b
add libs
|
246 247 248 |
@zindex-navbar: 1000; @zindex-dropdown: 1000; |
|
87c93a029
add modal
|
249 250 |
@zindex-popover: 1060; @zindex-tooltip: 1070; |
|
f986e111b
add libs
|
251 252 253 |
@zindex-navbar-fixed: 1030; @zindex-modal-background: 1040; @zindex-modal: 1050; |
|
87c93a029
add modal
|
254 255 256 257 |
//== Media queries breakpoints // //## Define the breakpoints at which your layout will change, adapting to different screen sizes. |
|
f986e111b
add libs
|
258 259 |
// Extra small screen / phone |
|
87c93a029
add modal
|
260 |
//** Deprecated `@screen-xs` as of v3.0.1 |
|
f986e111b
add libs
|
261 |
@screen-xs: 480px; |
|
87c93a029
add modal
|
262 |
//** Deprecated `@screen-xs-min` as of v3.2.0 |
|
f986e111b
add libs
|
263 |
@screen-xs-min: @screen-xs; |
|
87c93a029
add modal
|
264 |
//** Deprecated `@screen-phone` as of v3.0.1 |
|
f986e111b
add libs
|
265 266 267 |
@screen-phone: @screen-xs-min; // Small screen / tablet |
|
87c93a029
add modal
|
268 |
//** Deprecated `@screen-sm` as of v3.0.1 |
|
f986e111b
add libs
|
269 270 |
@screen-sm: 768px; @screen-sm-min: @screen-sm; |
|
87c93a029
add modal
|
271 |
//** Deprecated `@screen-tablet` as of v3.0.1 |
|
f986e111b
add libs
|
272 273 274 |
@screen-tablet: @screen-sm-min; // Medium screen / desktop |
|
87c93a029
add modal
|
275 |
//** Deprecated `@screen-md` as of v3.0.1 |
|
f986e111b
add libs
|
276 277 |
@screen-md: 992px; @screen-md-min: @screen-md; |
|
87c93a029
add modal
|
278 |
//** Deprecated `@screen-desktop` as of v3.0.1 |
|
f986e111b
add libs
|
279 280 281 |
@screen-desktop: @screen-md-min; // Large screen / wide desktop |
|
87c93a029
add modal
|
282 |
//** Deprecated `@screen-lg` as of v3.0.1 |
|
f986e111b
add libs
|
283 284 |
@screen-lg: 1200px; @screen-lg-min: @screen-lg; |
|
87c93a029
add modal
|
285 |
//** Deprecated `@screen-lg-desktop` as of v3.0.1 |
|
f986e111b
add libs
|
286 287 288 289 290 291 |
@screen-lg-desktop: @screen-lg-min; // So media queries don't overlap when required, provide a maximum @screen-xs-max: (@screen-sm-min - 1); @screen-sm-max: (@screen-md-min - 1); @screen-md-max: (@screen-lg-min - 1); |
|
87c93a029
add modal
|
292 293 294 |
//== Grid system // //## Define your custom responsive grid. |
|
f986e111b
add libs
|
295 |
|
|
87c93a029
add modal
|
296 |
//** Number of columns in the grid. |
|
f986e111b
add libs
|
297 |
@grid-columns: 12; |
|
87c93a029
add modal
|
298 |
//** Padding between columns. Gets divided in half for the left and right. |
|
f986e111b
add libs
|
299 |
@grid-gutter-width: 30px; |
|
f986e111b
add libs
|
300 |
// Navbar collapse |
|
87c93a029
add modal
|
301 |
//** Point at which the navbar becomes uncollapsed. |
|
f986e111b
add libs
|
302 |
@grid-float-breakpoint: @screen-sm-min; |
|
87c93a029
add modal
|
303 |
//** Point at which the navbar begins collapsing. |
|
f986e111b
add libs
|
304 |
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); |
|
87c93a029
add modal
|
305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 |
//== Container sizes // //## Define the maximum width of `.container` for different screen sizes. // Small screen / tablet @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); //** For `@screen-md-min` and up. @container-md: @container-desktop; // Large screen / wide desktop @container-large-desktop: (1140px + @grid-gutter-width); //** For `@screen-lg-min` and up. @container-lg: @container-large-desktop; //== Navbar // //## |
|
f986e111b
add libs
|
328 329 330 331 332 |
// Basics of a navbar @navbar-height: 50px; @navbar-margin-bottom: @line-height-computed; @navbar-border-radius: @border-radius-base; |
|
87c93a029
add modal
|
333 |
@navbar-padding-horizontal: floor((@grid-gutter-width / 2)); |
|
f986e111b
add libs
|
334 |
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); |
|
87c93a029
add modal
|
335 |
@navbar-collapse-max-height: 340px; |
|
f986e111b
add libs
|
336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 |
@navbar-default-color: #777; @navbar-default-bg: #f8f8f8; @navbar-default-border: darken(@navbar-default-bg, 6.5%); // Navbar links @navbar-default-link-color: #777; @navbar-default-link-hover-color: #333; @navbar-default-link-hover-bg: transparent; @navbar-default-link-active-color: #555; @navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); @navbar-default-link-disabled-color: #ccc; @navbar-default-link-disabled-bg: transparent; // Navbar brand label @navbar-default-brand-color: @navbar-default-link-color; @navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); @navbar-default-brand-hover-bg: transparent; // Navbar toggle @navbar-default-toggle-hover-bg: #ddd; |
|
87c93a029
add modal
|
357 |
@navbar-default-toggle-icon-bar-bg: #888; |
|
f986e111b
add libs
|
358 |
@navbar-default-toggle-border-color: #ddd; |
|
87c93a029
add modal
|
359 |
//=== Inverted navbar |
|
f986e111b
add libs
|
360 |
// Reset inverted navbar basics |
|
87c93a029
add modal
|
361 |
@navbar-inverse-color: lighten(@gray-light, 15%); |
|
f986e111b
add libs
|
362 363 364 365 |
@navbar-inverse-bg: #222; @navbar-inverse-border: darken(@navbar-inverse-bg, 10%); // Inverted navbar links |
|
87c93a029
add modal
|
366 |
@navbar-inverse-link-color: lighten(@gray-light, 15%); |
|
f986e111b
add libs
|
367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 |
@navbar-inverse-link-hover-color: #fff; @navbar-inverse-link-hover-bg: transparent; @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); @navbar-inverse-link-disabled-color: #444; @navbar-inverse-link-disabled-bg: transparent; // Inverted navbar brand label @navbar-inverse-brand-color: @navbar-inverse-link-color; @navbar-inverse-brand-hover-color: #fff; @navbar-inverse-brand-hover-bg: transparent; // Inverted navbar toggle @navbar-inverse-toggle-hover-bg: #333; @navbar-inverse-toggle-icon-bar-bg: #fff; @navbar-inverse-toggle-border-color: #333; |
|
87c93a029
add modal
|
383 384 385 |
//== Navs // //## |
|
f986e111b
add libs
|
386 |
|
|
87c93a029
add modal
|
387 |
//=== Shared nav styles |
|
f986e111b
add libs
|
388 389 390 391 392 |
@nav-link-padding: 10px 15px; @nav-link-hover-bg: @gray-lighter; @nav-disabled-link-color: @gray-light; @nav-disabled-link-hover-color: @gray-light; |
|
87c93a029
add modal
|
393 |
//== Tabs |
|
f986e111b
add libs
|
394 395 396 397 398 399 400 401 402 403 |
@nav-tabs-border-color: #ddd; @nav-tabs-link-hover-border-color: @gray-lighter; @nav-tabs-active-link-hover-bg: @body-bg; @nav-tabs-active-link-hover-color: @gray; @nav-tabs-active-link-hover-border-color: #ddd; @nav-tabs-justified-link-border-color: #ddd; @nav-tabs-justified-active-link-border-color: @body-bg; |
|
87c93a029
add modal
|
404 |
//== Pills |
|
f986e111b
add libs
|
405 406 407 |
@nav-pills-border-radius: @border-radius-base; @nav-pills-active-link-hover-bg: @component-active-bg; @nav-pills-active-link-hover-color: @component-active-color; |
|
87c93a029
add modal
|
408 409 410 |
//== Pagination // //## |
|
f986e111b
add libs
|
411 |
|
|
87c93a029
add modal
|
412 |
@pagination-color: @link-color; |
|
f986e111b
add libs
|
413 414 |
@pagination-bg: #fff; @pagination-border: #ddd; |
|
87c93a029
add modal
|
415 |
@pagination-hover-color: @link-hover-color; |
|
f986e111b
add libs
|
416 |
@pagination-hover-bg: @gray-lighter; |
|
87c93a029
add modal
|
417 |
@pagination-hover-border: #ddd; |
|
f986e111b
add libs
|
418 |
|
|
f986e111b
add libs
|
419 |
@pagination-active-color: #fff; |
|
87c93a029
add modal
|
420 421 |
@pagination-active-bg: @brand-primary; @pagination-active-border: @brand-primary; |
|
f986e111b
add libs
|
422 423 |
@pagination-disabled-color: @gray-light; |
|
87c93a029
add modal
|
424 425 |
@pagination-disabled-bg: #fff; @pagination-disabled-border: #ddd; |
|
f986e111b
add libs
|
426 |
|
|
87c93a029
add modal
|
427 428 429 |
//== Pager // //## |
|
f986e111b
add libs
|
430 |
|
|
87c93a029
add modal
|
431 432 |
@pager-bg: @pagination-bg; @pager-border: @pagination-border; |
|
f986e111b
add libs
|
433 |
@pager-border-radius: 15px; |
|
f986e111b
add libs
|
434 |
|
|
87c93a029
add modal
|
435 436 437 438 439 440 |
@pager-hover-bg: @pagination-hover-bg; @pager-active-bg: @pagination-active-bg; @pager-active-color: @pagination-active-color; @pager-disabled-color: @pagination-disabled-color; |
|
f986e111b
add libs
|
441 |
|
|
87c93a029
add modal
|
442 443 444 445 |
//== Jumbotron // //## |
|
f986e111b
add libs
|
446 447 448 449 450 |
@jumbotron-padding: 30px; @jumbotron-color: inherit; @jumbotron-bg: @gray-lighter; @jumbotron-heading-color: inherit; |
|
87c93a029
add modal
|
451 452 |
@jumbotron-font-size: ceil((@font-size-base * 1.5)); @jumbotron-heading-font-size: ceil((@font-size-base * 4.5)); |
|
f986e111b
add libs
|
453 |
|
|
87c93a029
add modal
|
454 455 456 |
//== Form states and alerts // //## Define colors for form feedback states and, by default, alerts. |
|
f986e111b
add libs
|
457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 |
@state-success-text: #3c763d; @state-success-bg: #dff0d8; @state-success-border: darken(spin(@state-success-bg, -10), 5%); @state-info-text: #31708f; @state-info-bg: #d9edf7; @state-info-border: darken(spin(@state-info-bg, -10), 7%); @state-warning-text: #8a6d3b; @state-warning-bg: #fcf8e3; @state-warning-border: darken(spin(@state-warning-bg, -10), 5%); @state-danger-text: #a94442; @state-danger-bg: #f2dede; @state-danger-border: darken(spin(@state-danger-bg, -10), 5%); |
|
87c93a029
add modal
|
473 474 475 476 477 |
//== Tooltips // //## //** Tooltip max width |
|
f986e111b
add libs
|
478 |
@tooltip-max-width: 200px; |
|
87c93a029
add modal
|
479 |
//** Tooltip text color |
|
f986e111b
add libs
|
480 |
@tooltip-color: #fff; |
|
87c93a029
add modal
|
481 |
//** Tooltip background color |
|
f986e111b
add libs
|
482 |
@tooltip-bg: #000; |
|
87c93a029
add modal
|
483 |
@tooltip-opacity: .9; |
|
f986e111b
add libs
|
484 |
|
|
87c93a029
add modal
|
485 |
//** Tooltip arrow width |
|
f986e111b
add libs
|
486 |
@tooltip-arrow-width: 5px; |
|
87c93a029
add modal
|
487 |
//** Tooltip arrow color |
|
f986e111b
add libs
|
488 |
@tooltip-arrow-color: @tooltip-bg; |
|
87c93a029
add modal
|
489 490 491 492 493 |
//== Popovers // //## //** Popover body background color |
|
f986e111b
add libs
|
494 |
@popover-bg: #fff; |
|
87c93a029
add modal
|
495 |
//** Popover maximum width |
|
f986e111b
add libs
|
496 |
@popover-max-width: 276px; |
|
87c93a029
add modal
|
497 |
//** Popover border color |
|
f986e111b
add libs
|
498 |
@popover-border-color: rgba(0,0,0,.2); |
|
87c93a029
add modal
|
499 |
//** Popover fallback border color |
|
f986e111b
add libs
|
500 |
@popover-fallback-border-color: #ccc; |
|
87c93a029
add modal
|
501 |
//** Popover title background color |
|
f986e111b
add libs
|
502 |
@popover-title-bg: darken(@popover-bg, 3%); |
|
87c93a029
add modal
|
503 |
//** Popover arrow width |
|
f986e111b
add libs
|
504 |
@popover-arrow-width: 10px; |
|
87c93a029
add modal
|
505 506 |
//** Popover arrow color @popover-arrow-color: @popover-bg; |
|
f986e111b
add libs
|
507 |
|
|
87c93a029
add modal
|
508 |
//** Popover outer arrow width |
|
f986e111b
add libs
|
509 |
@popover-arrow-outer-width: (@popover-arrow-width + 1); |
|
87c93a029
add modal
|
510 511 512 513 |
//** Popover outer arrow color @popover-arrow-outer-color: fadein(@popover-border-color, 5%); //** Popover outer arrow fallback color @popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%); |
|
f986e111b
add libs
|
514 |
|
|
87c93a029
add modal
|
515 516 517 |
//== Labels // //## |
|
f986e111b
add libs
|
518 |
|
|
87c93a029
add modal
|
519 |
//** Default label background color |
|
f986e111b
add libs
|
520 |
@label-default-bg: @gray-light; |
|
87c93a029
add modal
|
521 |
//** Primary label background color |
|
f986e111b
add libs
|
522 |
@label-primary-bg: @brand-primary; |
|
87c93a029
add modal
|
523 |
//** Success label background color |
|
f986e111b
add libs
|
524 |
@label-success-bg: @brand-success; |
|
87c93a029
add modal
|
525 |
//** Info label background color |
|
f986e111b
add libs
|
526 |
@label-info-bg: @brand-info; |
|
87c93a029
add modal
|
527 |
//** Warning label background color |
|
f986e111b
add libs
|
528 |
@label-warning-bg: @brand-warning; |
|
87c93a029
add modal
|
529 |
//** Danger label background color |
|
f986e111b
add libs
|
530 |
@label-danger-bg: @brand-danger; |
|
87c93a029
add modal
|
531 |
//** Default label text color |
|
f986e111b
add libs
|
532 |
@label-color: #fff; |
|
87c93a029
add modal
|
533 |
//** Default text color of a linked label |
|
f986e111b
add libs
|
534 |
@label-link-hover-color: #fff; |
|
87c93a029
add modal
|
535 536 537 538 539 540 |
//== Modals // //## //** Padding applied to the modal body @modal-inner-padding: 15px; |
|
f986e111b
add libs
|
541 |
|
|
87c93a029
add modal
|
542 |
//** Padding applied to the modal title |
|
f986e111b
add libs
|
543 |
@modal-title-padding: 15px; |
|
87c93a029
add modal
|
544 |
//** Modal title line-height |
|
f986e111b
add libs
|
545 |
@modal-title-line-height: @line-height-base; |
|
87c93a029
add modal
|
546 |
//** Background color of modal content area |
|
f986e111b
add libs
|
547 |
@modal-content-bg: #fff; |
|
87c93a029
add modal
|
548 |
//** Modal content border color |
|
f986e111b
add libs
|
549 |
@modal-content-border-color: rgba(0,0,0,.2); |
|
87c93a029
add modal
|
550 |
//** Modal content border color **for IE8** |
|
f986e111b
add libs
|
551 |
@modal-content-fallback-border-color: #999; |
|
87c93a029
add modal
|
552 |
//** Modal backdrop background color |
|
f986e111b
add libs
|
553 |
@modal-backdrop-bg: #000; |
|
87c93a029
add modal
|
554 555 556 |
//** Modal backdrop opacity @modal-backdrop-opacity: .5; //** Modal header border color |
|
f986e111b
add libs
|
557 |
@modal-header-border-color: #e5e5e5; |
|
87c93a029
add modal
|
558 |
//** Modal footer border color |
|
f986e111b
add libs
|
559 |
@modal-footer-border-color: @modal-header-border-color; |
|
87c93a029
add modal
|
560 561 562 563 564 565 566 567 |
@modal-lg: 900px; @modal-md: 600px; @modal-sm: 300px; //== Alerts // //## Define alert colors, border radius, and padding. |
|
f986e111b
add libs
|
568 |
|
|
f986e111b
add libs
|
569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 |
@alert-padding: 15px; @alert-border-radius: @border-radius-base; @alert-link-font-weight: bold; @alert-success-bg: @state-success-bg; @alert-success-text: @state-success-text; @alert-success-border: @state-success-border; @alert-info-bg: @state-info-bg; @alert-info-text: @state-info-text; @alert-info-border: @state-info-border; @alert-warning-bg: @state-warning-bg; @alert-warning-text: @state-warning-text; @alert-warning-border: @state-warning-border; @alert-danger-bg: @state-danger-bg; @alert-danger-text: @state-danger-text; @alert-danger-border: @state-danger-border; |
|
87c93a029
add modal
|
588 589 590 591 592 |
//== Progress bars // //## //** Background color of the whole progress component |
|
f986e111b
add libs
|
593 |
@progress-bg: #f5f5f5; |
|
87c93a029
add modal
|
594 |
//** Progress bar text color |
|
f986e111b
add libs
|
595 |
@progress-bar-color: #fff; |
|
87c93a029
add modal
|
596 597 |
//** Variable for setting rounded corners on progress bar. @progress-border-radius: @border-radius-base; |
|
f986e111b
add libs
|
598 |
|
|
87c93a029
add modal
|
599 |
//** Default progress bar color |
|
f986e111b
add libs
|
600 |
@progress-bar-bg: @brand-primary; |
|
87c93a029
add modal
|
601 |
//** Success progress bar color |
|
f986e111b
add libs
|
602 |
@progress-bar-success-bg: @brand-success; |
|
87c93a029
add modal
|
603 |
//** Warning progress bar color |
|
f986e111b
add libs
|
604 |
@progress-bar-warning-bg: @brand-warning; |
|
87c93a029
add modal
|
605 |
//** Danger progress bar color |
|
f986e111b
add libs
|
606 |
@progress-bar-danger-bg: @brand-danger; |
|
87c93a029
add modal
|
607 |
//** Info progress bar color |
|
f986e111b
add libs
|
608 |
@progress-bar-info-bg: @brand-info; |
|
87c93a029
add modal
|
609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 |
//== List group // //## //** Background color on `.list-group-item` @list-group-bg: #fff; //** `.list-group-item` border color @list-group-border: #ddd; //** List group border radius @list-group-border-radius: @border-radius-base; //** Background color of single list items on hover @list-group-hover-bg: #f5f5f5; //** Text color of active list items @list-group-active-color: @component-active-color; //** Background color of active list items @list-group-active-bg: @component-active-bg; //** Border color of active list elements @list-group-active-border: @list-group-active-bg; //** Text color for content within active list items @list-group-active-text-color: lighten(@list-group-active-bg, 40%); //** Text color of disabled list items @list-group-disabled-color: @gray-light; //** Background color of disabled list items @list-group-disabled-bg: @gray-lighter; //** Text color for content within disabled list items @list-group-disabled-text-color: @list-group-disabled-color; @list-group-link-color: #555; @list-group-link-hover-color: @list-group-link-color; @list-group-link-heading-color: #333; //== Panels // //## |
|
f986e111b
add libs
|
646 |
|
|
f986e111b
add libs
|
647 |
@panel-bg: #fff; |
|
87c93a029
add modal
|
648 649 650 |
@panel-body-padding: 15px; @panel-heading-padding: 10px 15px; @panel-footer-padding: @panel-heading-padding; |
|
f986e111b
add libs
|
651 |
@panel-border-radius: @border-radius-base; |
|
87c93a029
add modal
|
652 653 654 |
//** Border color for elements within panels @panel-inner-border: #ddd; |
|
f986e111b
add libs
|
655 656 657 658 659 660 661 662 663 664 665 666 667 |
@panel-footer-bg: #f5f5f5; @panel-default-text: @gray-dark; @panel-default-border: #ddd; @panel-default-heading-bg: #f5f5f5; @panel-primary-text: #fff; @panel-primary-border: @brand-primary; @panel-primary-heading-bg: @brand-primary; @panel-success-text: @state-success-text; @panel-success-border: @state-success-border; @panel-success-heading-bg: @state-success-bg; |
|
87c93a029
add modal
|
668 669 670 |
@panel-info-text: @state-info-text; @panel-info-border: @state-info-border; @panel-info-heading-bg: @state-info-bg; |
|
f986e111b
add libs
|
671 672 673 674 675 676 677 |
@panel-warning-text: @state-warning-text; @panel-warning-border: @state-warning-border; @panel-warning-heading-bg: @state-warning-bg; @panel-danger-text: @state-danger-text; @panel-danger-border: @state-danger-border; @panel-danger-heading-bg: @state-danger-bg; |
|
f986e111b
add libs
|
678 |
|
|
87c93a029
add modal
|
679 680 681 |
//== Thumbnails // //## |
|
f986e111b
add libs
|
682 |
|
|
87c93a029
add modal
|
683 |
//** Padding around the thumbnail image |
|
f986e111b
add libs
|
684 |
@thumbnail-padding: 4px; |
|
87c93a029
add modal
|
685 |
//** Thumbnail background color |
|
f986e111b
add libs
|
686 |
@thumbnail-bg: @body-bg; |
|
87c93a029
add modal
|
687 |
//** Thumbnail border color |
|
f986e111b
add libs
|
688 |
@thumbnail-border: #ddd; |
|
87c93a029
add modal
|
689 |
//** Thumbnail border radius |
|
f986e111b
add libs
|
690 |
@thumbnail-border-radius: @border-radius-base; |
|
87c93a029
add modal
|
691 |
//** Custom text color for thumbnail captions |
|
f986e111b
add libs
|
692 |
@thumbnail-caption-color: @text-color; |
|
87c93a029
add modal
|
693 |
//** Padding around the thumbnail caption |
|
f986e111b
add libs
|
694 |
@thumbnail-caption-padding: 9px; |
|
87c93a029
add modal
|
695 696 697 |
//== Wells // //## |
|
f986e111b
add libs
|
698 |
@well-bg: #f5f5f5; |
|
87c93a029
add modal
|
699 |
@well-border: darken(@well-bg, 7%); |
|
f986e111b
add libs
|
700 |
|
|
87c93a029
add modal
|
701 702 703 |
//== Badges // //## |
|
f986e111b
add libs
|
704 |
|
|
f986e111b
add libs
|
705 |
@badge-color: #fff; |
|
87c93a029
add modal
|
706 |
//** Linked badge text color on hover |
|
f986e111b
add libs
|
707 708 |
@badge-link-hover-color: #fff; @badge-bg: @gray-light; |
|
87c93a029
add modal
|
709 |
//** Badge text color in active nav link |
|
f986e111b
add libs
|
710 |
@badge-active-color: @link-color; |
|
87c93a029
add modal
|
711 |
//** Badge background color in active nav link |
|
f986e111b
add libs
|
712 713 714 715 716 |
@badge-active-bg: #fff; @badge-font-weight: bold; @badge-line-height: 1; @badge-border-radius: 10px; |
|
87c93a029
add modal
|
717 718 719 720 721 722 723 724 725 726 727 728 729 730 |
//== Breadcrumbs // //## @breadcrumb-padding-vertical: 8px; @breadcrumb-padding-horizontal: 15px; //** Breadcrumb background color @breadcrumb-bg: #f5f5f5; //** Breadcrumb text color @breadcrumb-color: #ccc; //** Text color of current page in the breadcrumb @breadcrumb-active-color: @gray-light; //** Textual separator for between breadcrumb elements @breadcrumb-separator: "/"; |
|
f986e111b
add libs
|
731 |
|
|
87c93a029
add modal
|
732 733 734 |
//== Carousel // //## |
|
f986e111b
add libs
|
735 736 737 738 739 740 741 742 743 744 745 746 |
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); @carousel-control-color: #fff; @carousel-control-width: 15%; @carousel-control-opacity: .5; @carousel-control-font-size: 20px; @carousel-indicator-active-bg: #fff; @carousel-indicator-border-color: #fff; @carousel-caption-color: #fff; |
|
87c93a029
add modal
|
747 748 749 |
//== Close // //## |
|
f986e111b
add libs
|
750 751 752 |
@close-font-weight: bold; @close-color: #000; @close-text-shadow: 0 1px 0 #fff; |
|
87c93a029
add modal
|
753 754 755 |
//== Code // //## |
|
f986e111b
add libs
|
756 757 |
@code-color: #c7254e; @code-bg: #f9f2f4; |
|
87c93a029
add modal
|
758 759 |
@kbd-color: #fff; @kbd-bg: #333; |
|
f986e111b
add libs
|
760 761 762 763 |
@pre-bg: #f5f5f5; @pre-color: @gray-dark; @pre-border-color: #ccc; @pre-scrollable-max-height: 340px; |
|
87c93a029
add modal
|
764 765 766 767 768 769 770 771 |
//== Type // //## //** Horizontal offset for forms and lists. @component-offset-horizontal: 180px; //** Text muted color |
|
f986e111b
add libs
|
772 |
@text-muted: @gray-light; |
|
87c93a029
add modal
|
773 |
//** Abbreviations and acronyms border color |
|
f986e111b
add libs
|
774 |
@abbr-border-color: @gray-light; |
|
87c93a029
add modal
|
775 |
//** Headings small color |
|
f986e111b
add libs
|
776 |
@headings-small-color: @gray-light; |
|
87c93a029
add modal
|
777 |
//** Blockquote small color |
|
f986e111b
add libs
|
778 |
@blockquote-small-color: @gray-light; |
|
87c93a029
add modal
|
779 780 781 |
//** Blockquote font size @blockquote-font-size: (@font-size-base * 1.25); //** Blockquote border color |
|
f986e111b
add libs
|
782 |
@blockquote-border-color: @gray-lighter; |
|
87c93a029
add modal
|
783 |
//** Page header border color |
|
f986e111b
add libs
|
784 |
@page-header-border-color: @gray-lighter; |
|
87c93a029
add modal
|
785 786 787 788 789 |
//** Width of horizontal description list titles @dl-horizontal-offset: @component-offset-horizontal; //** Point at which .dl-horizontal becomes horizontal @dl-horizontal-breakpoint: @grid-float-breakpoint; //** Horizontal line color. |
|
f986e111b
add libs
|
790 |
@hr-border: @gray-lighter; |