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