Chromium Code Reviews Chromium Code Reviews
Issue 85333007:
Begin the redesign process, starting with the navbar. (Closed)
Base URL: git@github.com:dart-lang/pub-dartlang.git@master| OLD | NEW |
|---|---|
| (Empty) | |
| 1 // Override Bootstrap variables here (defaults copied from bootstrap-sass versio n 3.0.2.1): | |
| 2 // | |
| 3 // Variables | |
| 4 // -------------------------------------------------- | |
| 5 | |
| 6 // Global values | |
| 7 // -------------------------------------------------- | |
| 8 | |
| 9 // Grays | |
| 10 // ------------------------- | |
| 11 | |
| 12 //$gray-darker: lighten(#000, 13.5%); // #222 | |
| 13 $gray-dark: #484848; // lighten(#000, 28.25%) | |
| 14 //$gray: lighten(#000, 33.5%); // #555 | |
| 15 //$gray-light: lighten(#000, 60%); // #999 | |
| 16 //$gray-lighter: lighten(#000, 93.5%); // #eee | |
| 17 | |
| 18 // Brand colors | |
| 19 // ------------------------- | |
| 20 | |
| 21 //$brand-primary: #428bca; | |
| 22 //$brand-success: #5cb85c; | |
| 23 //$brand-warning: #f0ad4e; | |
| 24 //$brand-danger: #d9534f; | |
| 25 //$brand-info: #5bc0de; | |
| 26 | |
| 27 // Scaffolding | |
| 28 // ------------------------- | |
| 29 | |
| 30 //$body-bg: #fff; | |
| 31 //$text-color: $gray-dark; | |
| 32 | |
| 33 // Links | |
| 34 // ------------------------- | |
| 35 | |
| 36 //$link-color: $brand-primary; | |
| 37 //$link-hover-color: darken($link-color, 15%); | |
| 38 | |
| 39 // Typography | |
| 40 // ------------------------- | |
| 41 | |
| 42 $font-family-sans-serif: "Roboto", sans-serif; | |
| 43 //$font-family-serif: Georgia, "Times New Roman", Times, serif; | |
| 44 //$font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace; | |
| 45 //$font-family-base: $font-family-sans-serif; | |
| 46 | |
| 47 $font-size-base: 15px; | |
| 48 $font-size-large: 18px; | |
| 49 $font-size-small: 12px; | |
| 50 | |
| 51 //$font-size-h1: floor($font-size-base * 2.6); // ~36px | |
| 52 //$font-size-h2: floor($font-size-base * 2.15); // ~30px | |
| 53 //$font-size-h3: ceil($font-size-base * 1.7); // ~24px | |
| 54 //$font-size-h4: ceil($font-size-base * 1.25); // ~18px | |
| 55 //$font-size-h5: $font-size-base; | |
| 56 //$font-size-h6: ceil($font-size-base * 0.85); // ~12px | |
| 57 | |
| 58 $line-height-base: 1.2; // 18/15 | |
| 59 $line-height-computed: floor($font-size-base * $line-height-base); // 18px | |
| 60 | |
| 61 $headings-font-family: "Montserrat", sans-serif; | |
| 62 //$headings-font-weight: 500; | |
| 63 //$headings-line-height: 1.1; | |
| 64 //$headings-color: inherit; | |
| 65 | |
| 66 // Iconography | |
| 67 // ------------------------- | |
| 68 | |
| 69 //$icon-font-path: "bootstrap/"; | |
| 70 //$icon-font-name: "glyphicons-halflings-regular"; | |
| 71 | |
| 72 // Components | |
| 73 // ------------------------- | |
| 74 // Based on 14px font-size and 1.428 line-height (~20px to start) | |
| 75 | |
| 76 //$padding-base-vertical: 6px; | |
| 77 //$padding-base-horizontal: 12px; | |
| 78 | |
| 79 //$padding-large-vertical: 10px; | |
| 80 //$padding-large-horizontal: 16px; | |
| 81 | |
| 82 //$padding-small-vertical: 5px; | |
| 83 //$padding-small-horizontal: 10px; | |
| 84 | |
| 85 //$line-height-large: 1.33; | |
| 86 //$line-height-small: 1.5; | |
| 87 | |
| 88 //$border-radius-base: 4px; | |
| 89 //$border-radius-large: 6px; | |
| 90 //$border-radius-small: 3px; | |
| 91 | |
| 92 //$component-active-color: #fff; | |
| 93 //$component-active-bg: $brand-primary; | |
| 94 | |
| 95 //$caret-width-base: 4px; | |
| 96 //$caret-width-large: 5px; | |
| 97 | |
| 98 // Tables | |
| 99 // ------------------------- | |
| 100 | |
| 101 //$table-cell-padding: 8px; | |
| 102 //$table-condensed-cell-padding: 5px; | |
| 103 | |
| 104 //$table-bg: transparent; // overall background-color | |
| 105 //$table-bg-accent: #f9f9f9; // for striping | |
| 106 //$table-bg-hover: #f5f5f5; | |
| 107 //$table-bg-active: $table-bg-hover; | |
| 108 | |
| 109 //$table-border-color: #ddd; // table and cell border | |
| 110 | |
| 111 // Buttons | |
| 112 // ------------------------- | |
| 113 | |
| 114 //$btn-font-weight: normal; | |
| 115 | |
| 116 //$btn-default-color: #333; | |
| 117 //$btn-default-bg: #fff; | |
| 118 //$btn-default-border: #ccc; | |
| 119 | |
| 120 //$btn-primary-color: #fff; | |
| 121 //$btn-primary-bg: $brand-primary; | |
| 122 //$btn-primary-border: darken($btn-primary-bg, 5%); | |
| 123 | |
| 124 //$btn-success-color: #fff; | |
| 125 //$btn-success-bg: $brand-success; | |
| 126 //$btn-success-border: darken($btn-success-bg, 5%); | |
| 127 | |
| 128 //$btn-warning-color: #fff; | |
| 129 //$btn-warning-bg: $brand-warning; | |
| 130 //$btn-warning-border: darken($btn-warning-bg, 5%); | |
| 131 | |
| 132 //$btn-danger-color: #fff; | |
| 133 //$btn-danger-bg: $brand-danger; | |
| 134 //$btn-danger-border: darken($btn-danger-bg, 5%); | |
| 135 | |
| 136 //$btn-info-color: #fff; | |
| 137 //$btn-info-bg: $brand-info; | |
| 138 //$btn-info-border: darken($btn-info-bg, 5%); | |
| 139 | |
| 140 //$btn-link-disabled-color: $gray-light; | |
| 141 | |
| 142 // Forms | |
| 143 // ------------------------- | |
| 144 | |
| 145 //$input-bg: #fff; | |
| 146 //$input-bg-disabled: $gray-lighter; | |
| 147 | |
| 148 //$input-color: $gray; | |
| 149 //$input-border: #ccc; | |
| 150 //$input-border-radius: $border-radius-base; | |
| 151 //$input-border-focus: #66afe9; | |
| 152 | |
| 153 //$input-color-placeholder: $gray-light; | |
| 154 | |
| 155 //$input-height-base: ($line-height-computed + ($padding-base-verti cal * 2) + 2); | |
| 156 //$input-height-large: (floor($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2); | |
| 157 //$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2); | |
| 158 | |
| 159 //$legend-color: $gray-dark; | |
| 160 //$legend-border-color: #e5e5e5; | |
| 161 | |
| 162 //$input-group-addon-bg: $gray-lighter; | |
| 163 //$input-group-addon-border-color: $input-border; | |
| 164 | |
| 165 // Dropdowns | |
| 166 // ------------------------- | |
| 167 | |
| 168 //$dropdown-bg: #fff; | |
| 169 //$dropdown-border: rgba(0,0,0,.15); | |
| 170 //$dropdown-fallback-border: #ccc; | |
| 171 //$dropdown-divider-bg: #e5e5e5; | |
| 172 | |
| 173 //$dropdown-link-color: $gray-dark; | |
| 174 //$dropdown-link-hover-color: darken($gray-dark, 5%); | |
| 175 //$dropdown-link-hover-bg: #f5f5f5; | |
| 176 | |
| 177 //$dropdown-link-active-color: $component-active-color; | |
| 178 //$dropdown-link-active-bg: $component-active-bg; | |
| 179 | |
| 180 //$dropdown-link-disabled-color: $gray-light; | |
| 181 | |
| 182 //$dropdown-header-color: $gray-light; | |
| 183 | |
| 184 //$dropdown-caret-color: #000; | |
| 185 | |
| 186 // COMPONENT VARIABLES | |
| 187 // -------------------------------------------------- | |
| 188 | |
| 189 // Z-index master list | |
| 190 // ------------------------- | |
| 191 // Used for a bird's eye view of components dependent on the z-axis | |
| 192 // Try to avoid customizing these :) | |
| 193 | |
| 194 //$zindex-navbar: 1000; | |
| 195 //$zindex-dropdown: 1000; | |
| 196 //$zindex-popover: 1010; | |
| 197 //$zindex-tooltip: 1030; | |
| 198 //$zindex-navbar-fixed: 1030; | |
| 199 //$zindex-modal-background: 1040; | |
| 200 //$zindex-modal: 1050; | |
| 201 | |
| 202 // Media queries breakpoints | |
| 203 // -------------------------------------------------- | |
| 204 | |
| 205 // Extra small screen / phone | |
| 206 // Note: Deprecated $screen-xs and $screen-phone as of v3.0.1 | |
|
Bob Nystrom
2013/11/26 19:00:11
Might as well delete the deprecated ones since we
Andrei Mouravski
2013/11/29 21:21:21
Done.
| |
| 207 //$screen-xs: 480px; | |
| 208 //$screen-xs-min: $screen-xs; | |
| 209 //$screen-phone: $screen-xs-min; | |
| 210 | |
| 211 // Small screen / tablet | |
| 212 // Note: Deprecated $screen-sm and $screen-tablet as of v3.0.1 | |
| 213 //$screen-sm: 768px; | |
| 214 //$screen-sm-min: $screen-sm; | |
| 215 //$screen-tablet: $screen-sm-min; | |
| 216 | |
| 217 // Medium screen / desktop | |
| 218 // Note: Deprecated $screen-md and $screen-desktop as of v3.0.1 | |
| 219 //$screen-md: 992px; | |
| 220 //$screen-md-min: $screen-md; | |
| 221 //$screen-desktop: $screen-md-min; | |
| 222 | |
| 223 // Large screen / wide desktop | |
| 224 // Note: Deprecated $screen-lg and $screen-lg-desktop as of v3.0.1 | |
| 225 //$screen-lg: 1200px; | |
| 226 //$screen-lg-min: $screen-lg; | |
| 227 //$screen-lg-desktop: $screen-lg-min; | |
| 228 | |
| 229 // So media queries don't overlap when required, provide a maximum | |
| 230 //$screen-xs-max: ($screen-sm-min - 1); | |
| 231 //$screen-sm-max: ($screen-md-min - 1); | |
| 232 //$screen-md-max: ($screen-lg-min - 1); | |
| 233 | |
| 234 // Grid system | |
| 235 // -------------------------------------------------- | |
| 236 | |
| 237 // Number of columns in the grid system | |
| 238 //$grid-columns: 12; | |
| 239 // Padding, to be divided by two and applied to the left and right of all column s | |
| 240 $grid-gutter-width: 30px; | |
| 241 // Point at which the navbar stops collapsing | |
| 242 //$grid-float-breakpoint: $screen-sm-min; | |
| 243 | |
| 244 // Navbar | |
| 245 // ------------------------- | |
| 246 | |
| 247 // Basics of a navbar | |
| 248 $navbar-height: 62px; | |
| 249 $navbar-margin-bottom: 20px; | |
| 250 //$navbar-border-radius: $border-radius-base; | |
| 251 $navbar-padding-horizontal: floor(($grid-gutter-width - 10) / 2); | |
| 252 $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2 ); | |
| 253 | |
| 254 //$navbar-default-color: #777; | |
| 255 $navbar-default-bg: #fff; | |
| 256 //$navbar-default-border: darken($navbar-default-bg, 6.5%); | |
| 257 | |
| 258 // Navbar links | |
| 259 $navbar-default-link-color: #464646; | |
| 260 $navbar-default-link-hover-color: #000; | |
| 261 //$navbar-default-link-hover-bg: transparent; | |
| 262 //$navbar-default-link-active-color: #555; | |
| 263 //$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%); | |
| 264 //$navbar-default-link-disabled-color: #ccc; | |
| 265 //$navbar-default-link-disabled-bg: transparent; | |
| 266 | |
| 267 // Navbar brand label | |
| 268 //$navbar-default-brand-color: $navbar-default-link-color; | |
| 269 //$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%); | |
| 270 //$navbar-default-brand-hover-bg: transparent; | |
| 271 | |
| 272 // Navbar toggle | |
| 273 //$navbar-default-toggle-hover-bg: #ddd; | |
| 274 //$navbar-default-toggle-icon-bar-bg: #ccc; | |
| 275 //$navbar-default-toggle-border-color: #ddd; | |
| 276 | |
| 277 // Inverted navbar | |
| 278 // | |
| 279 // Reset inverted navbar basics | |
| 280 //$navbar-inverse-color: $gray-light; | |
| 281 //$navbar-inverse-bg: #222; | |
| 282 //$navbar-inverse-border: darken($navbar-inverse-bg, 10%); | |
| 283 | |
| 284 // Inverted navbar links | |
| 285 //$navbar-inverse-link-color: $gray-light; | |
| 286 //$navbar-inverse-link-hover-color: #fff; | |
| 287 //$navbar-inverse-link-hover-bg: transparent; | |
| 288 //$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color; | |
| 289 //$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%); | |
| 290 //$navbar-inverse-link-disabled-color: #444; | |
| 291 //$navbar-inverse-link-disabled-bg: transparent; | |
| 292 | |
| 293 // Inverted navbar brand label | |
| 294 //$navbar-inverse-brand-color: $navbar-inverse-link-color; | |
| 295 //$navbar-inverse-brand-hover-color: #fff; | |
| 296 //$navbar-inverse-brand-hover-bg: transparent; | |
| 297 | |
| 298 // Inverted navbar toggle | |
| 299 //$navbar-inverse-toggle-hover-bg: #333; | |
| 300 //$navbar-inverse-toggle-icon-bar-bg: #fff; | |
| 301 //$navbar-inverse-toggle-border-color: #333; | |
| 302 | |
| 303 // Navs | |
| 304 // ------------------------- | |
| 305 | |
| 306 $nav-link-padding: 200px 15px; | |
| 307 //$nav-link-hover-bg: $gray-lighter; | |
| 308 | |
| 309 //$nav-disabled-link-color: $gray-light; | |
| 310 //$nav-disabled-link-hover-color: $gray-light; | |
| 311 | |
| 312 //$nav-open-link-hover-color: #fff; | |
| 313 //$nav-open-caret-border-color: #fff; | |
| 314 | |
| 315 // Tabs | |
| 316 //$nav-tabs-border-color: #ddd; | |
| 317 | |
| 318 //$nav-tabs-link-hover-border-color: $gray-lighter; | |
| 319 | |
| 320 //$nav-tabs-active-link-hover-bg: $body-bg; | |
| 321 //$nav-tabs-active-link-hover-color: $gray; | |
| 322 //$nav-tabs-active-link-hover-border-color: #ddd; | |
| 323 | |
| 324 //$nav-tabs-justified-link-border-color: #ddd; | |
| 325 //$nav-tabs-justified-active-link-border-color: $body-bg; | |
| 326 | |
| 327 // Pills | |
| 328 //$nav-pills-border-radius: $border-radius-base; | |
| 329 //$nav-pills-active-link-hover-bg: $component-active-bg; | |
| 330 //$nav-pills-active-link-hover-color: $component-active-color; | |
| 331 | |
| 332 // Pagination | |
| 333 // ------------------------- | |
| 334 | |
| 335 //$pagination-bg: #fff; | |
| 336 //$pagination-border: #ddd; | |
| 337 | |
| 338 //$pagination-hover-bg: $gray-lighter; | |
| 339 | |
| 340 //$pagination-active-bg: $brand-primary; | |
| 341 //$pagination-active-color: #fff; | |
| 342 | |
| 343 //$pagination-disabled-color: $gray-light; | |
| 344 | |
| 345 // Pager | |
| 346 // ------------------------- | |
| 347 | |
| 348 //$pager-border-radius: 15px; | |
| 349 //$pager-disabled-color: $gray-light; | |
| 350 | |
| 351 // Jumbotron | |
| 352 // ------------------------- | |
| 353 | |
| 354 //$jumbotron-padding: 30px; | |
| 355 //$jumbotron-color: inherit; | |
| 356 //$jumbotron-bg: $gray-lighter; | |
| 357 //$jumbotron-heading-color: inherit; | |
| 358 //$jumbotron-font-size: ceil($font-size-base * 1.5); | |
| 359 | |
| 360 // Form states and alerts | |
| 361 // ------------------------- | |
| 362 | |
| 363 //$state-success-text: #468847; | |
| 364 //$state-success-bg: #dff0d8; | |
| 365 //$state-success-border: darken(adjust-hue($state-success-bg, -10), 5% ); | |
| 366 | |
| 367 //$state-info-text: #3a87ad; | |
| 368 //$state-info-bg: #d9edf7; | |
| 369 //$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%); | |
| 370 | |
| 371 //$state-warning-text: #c09853; | |
| 372 //$state-warning-bg: #fcf8e3; | |
| 373 //$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5% ); | |
| 374 | |
| 375 //$state-danger-text: #b94a48; | |
| 376 //$state-danger-bg: #f2dede; | |
| 377 //$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) ; | |
| 378 | |
| 379 // Tooltips | |
| 380 // ------------------------- | |
| 381 //$tooltip-max-width: 200px; | |
| 382 //$tooltip-color: #fff; | |
| 383 //$tooltip-bg: #000; | |
| 384 | |
| 385 //$tooltip-arrow-width: 5px; | |
| 386 //$tooltip-arrow-color: $tooltip-bg; | |
| 387 | |
| 388 // Popovers | |
| 389 // ------------------------- | |
| 390 //$popover-bg: #fff; | |
| 391 //$popover-max-width: 276px; | |
| 392 //$popover-border-color: rgba(0,0,0,.2); | |
| 393 //$popover-fallback-border-color: #ccc; | |
| 394 | |
| 395 //$popover-title-bg: darken($popover-bg, 3%); | |
| 396 | |
| 397 //$popover-arrow-width: 10px; | |
| 398 //$popover-arrow-color: #fff; | |
| 399 | |
| 400 //$popover-arrow-outer-width: ($popover-arrow-width + 1); | |
| 401 //$popover-arrow-outer-color: rgba(0,0,0,.25); | |
| 402 //$popover-arrow-outer-fallback-color: #999; | |
| 403 | |
| 404 // Labels | |
| 405 // ------------------------- | |
| 406 | |
| 407 //$label-default-bg: $gray-light; | |
| 408 //$label-primary-bg: $brand-primary; | |
| 409 //$label-success-bg: $brand-success; | |
| 410 //$label-info-bg: $brand-info; | |
| 411 //$label-warning-bg: $brand-warning; | |
| 412 //$label-danger-bg: $brand-danger; | |
| 413 | |
| 414 //$label-color: #fff; | |
| 415 //$label-link-hover-color: #fff; | |
| 416 | |
| 417 // Modals | |
| 418 // ------------------------- | |
| 419 //$modal-inner-padding: 20px; | |
| 420 | |
| 421 //$modal-title-padding: 15px; | |
| 422 //$modal-title-line-height: $line-height-base; | |
| 423 | |
| 424 //$modal-content-bg: #fff; | |
| 425 //$modal-content-border-color: rgba(0,0,0,.2); | |
| 426 //$modal-content-fallback-border-color: #999; | |
| 427 | |
| 428 //$modal-backdrop-bg: #000; | |
| 429 //$modal-header-border-color: #e5e5e5; | |
| 430 //$modal-footer-border-color: $modal-header-border-color; | |
| 431 | |
| 432 // Alerts | |
| 433 // ------------------------- | |
| 434 //$alert-padding: 15px; | |
| 435 //$alert-border-radius: $border-radius-base; | |
| 436 //$alert-link-font-weight: bold; | |
| 437 | |
| 438 //$alert-success-bg: $state-success-bg; | |
| 439 //$alert-success-text: $state-success-text; | |
| 440 //$alert-success-border: $state-success-border; | |
| 441 | |
| 442 //$alert-info-bg: $state-info-bg; | |
| 443 //$alert-info-text: $state-info-text; | |
| 444 //$alert-info-border: $state-info-border; | |
| 445 | |
| 446 //$alert-warning-bg: $state-warning-bg; | |
| 447 //$alert-warning-text: $state-warning-text; | |
| 448 //$alert-warning-border: $state-warning-border; | |
| 449 | |
| 450 //$alert-danger-bg: $state-danger-bg; | |
| 451 //$alert-danger-text: $state-danger-text; | |
| 452 //$alert-danger-border: $state-danger-border; | |
| 453 | |
| 454 // Progress bars | |
| 455 // ------------------------- | |
| 456 //$progress-bg: #f5f5f5; | |
| 457 //$progress-bar-color: #fff; | |
| 458 | |
| 459 //$progress-bar-bg: $brand-primary; | |
| 460 //$progress-bar-success-bg: $brand-success; | |
| 461 //$progress-bar-warning-bg: $brand-warning; | |
| 462 //$progress-bar-danger-bg: $brand-danger; | |
| 463 //$progress-bar-info-bg: $brand-info; | |
| 464 | |
| 465 // List group | |
| 466 // ------------------------- | |
| 467 //$list-group-bg: #fff; | |
| 468 //$list-group-border: #ddd; | |
| 469 //$list-group-border-radius: $border-radius-base; | |
| 470 | |
| 471 //$list-group-hover-bg: #f5f5f5; | |
| 472 //$list-group-active-color: $component-active-color; | |
| 473 //$list-group-active-bg: $component-active-bg; | |
| 474 //$list-group-active-border: $list-group-active-bg; | |
| 475 | |
| 476 //$list-group-link-color: #555; | |
| 477 //$list-group-link-heading-color: #333; | |
| 478 | |
| 479 // Panels | |
| 480 // ------------------------- | |
| 481 //$panel-bg: #fff; | |
| 482 //$panel-inner-border: #ddd; | |
| 483 //$panel-border-radius: $border-radius-base; | |
| 484 //$panel-footer-bg: #f5f5f5; | |
| 485 | |
| 486 //$panel-default-text: $gray-dark; | |
| 487 //$panel-default-border: #ddd; | |
| 488 //$panel-default-heading-bg: #f5f5f5; | |
| 489 | |
| 490 //$panel-primary-text: #fff; | |
| 491 //$panel-primary-border: $brand-primary; | |
| 492 //$panel-primary-heading-bg: $brand-primary; | |
| 493 | |
| 494 //$panel-success-text: $state-success-text; | |
| 495 //$panel-success-border: $state-success-border; | |
| 496 //$panel-success-heading-bg: $state-success-bg; | |
| 497 | |
| 498 //$panel-warning-text: $state-warning-text; | |
| 499 //$panel-warning-border: $state-warning-border; | |
| 500 //$panel-warning-heading-bg: $state-warning-bg; | |
| 501 | |
| 502 //$panel-danger-text: $state-danger-text; | |
| 503 //$panel-danger-border: $state-danger-border; | |
| 504 //$panel-danger-heading-bg: $state-danger-bg; | |
| 505 | |
| 506 //$panel-info-text: $state-info-text; | |
| 507 //$panel-info-border: $state-info-border; | |
| 508 //$panel-info-heading-bg: $state-info-bg; | |
| 509 | |
| 510 // Thumbnails | |
| 511 // ------------------------- | |
| 512 //$thumbnail-padding: 4px; | |
| 513 //$thumbnail-bg: $body-bg; | |
| 514 //$thumbnail-border: #ddd; | |
| 515 //$thumbnail-border-radius: $border-radius-base; | |
| 516 | |
| 517 //$thumbnail-caption-color: $text-color; | |
| 518 //$thumbnail-caption-padding: 9px; | |
| 519 | |
| 520 // Wells | |
| 521 // ------------------------- | |
| 522 //$well-bg: #f5f5f5; | |
| 523 | |
| 524 // Badges | |
| 525 // ------------------------- | |
| 526 //$badge-color: #fff; | |
| 527 //$badge-link-hover-color: #fff; | |
| 528 //$badge-bg: $gray-light; | |
| 529 | |
| 530 //$badge-active-color: $link-color; | |
| 531 //$badge-active-bg: #fff; | |
| 532 | |
| 533 //$badge-font-weight: bold; | |
| 534 //$badge-line-height: 1; | |
| 535 //$badge-border-radius: 10px; | |
| 536 | |
| 537 // Breadcrumbs | |
| 538 // ------------------------- | |
| 539 //$breadcrumb-bg: #f5f5f5; | |
| 540 //$breadcrumb-color: #ccc; | |
| 541 //$breadcrumb-active-color: $gray-light; | |
| 542 //$breadcrumb-separator: "/"; | |
| 543 | |
| 544 // Carousel | |
| 545 // ------------------------ | |
| 546 | |
| 547 //$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); | |
| 548 | |
| 549 //$carousel-control-color: #fff; | |
| 550 //$carousel-control-width: 15%; | |
| 551 //$carousel-control-opacity: .5; | |
| 552 //$carousel-control-font-size: 20px; | |
| 553 | |
| 554 //$carousel-indicator-active-bg: #fff; | |
| 555 //$carousel-indicator-border-color: #fff; | |
| 556 | |
| 557 //$carousel-caption-color: #fff; | |
| 558 | |
| 559 // Close | |
| 560 // ------------------------ | |
| 561 //$close-font-weight: bold; | |
| 562 //$close-color: #000; | |
| 563 //$close-text-shadow: 0 1px 0 #fff; | |
| 564 | |
| 565 // Code | |
| 566 // ------------------------ | |
| 567 //$code-color: #c7254e; | |
| 568 //$code-bg: #f9f2f4; | |
| 569 | |
| 570 //$pre-bg: #f5f5f5; | |
| 571 //$pre-color: $gray-dark; | |
| 572 //$pre-border-color: #ccc; | |
| 573 //$pre-scrollable-max-height: 340px; | |
| 574 | |
| 575 // Type | |
| 576 // ------------------------ | |
| 577 //$text-muted: $gray-light; | |
| 578 //$abbr-border-color: $gray-light; | |
| 579 //$headings-small-color: $gray-light; | |
| 580 //$blockquote-small-color: $gray-light; | |
| 581 //$blockquote-border-color: $gray-lighter; | |
| 582 //$page-header-border-color: $gray-lighter; | |
| 583 | |
| 584 // Miscellaneous | |
| 585 // ------------------------- | |
| 586 | |
| 587 // Hr border color | |
| 588 //$hr-border: $gray-lighter; | |
| 589 | |
| 590 // Horizontal forms & lists | |
| 591 //$component-offset-horizontal: 180px; | |
| 592 | |
| 593 // Container sizes | |
| 594 // -------------------------------------------------- | |
| 595 | |
| 596 // Small screen / tablet | |
| 597 //$container-tablet: ((720px + $grid-gutter-width)); | |
| 598 //$container-sm: $container-tablet; | |
| 599 | |
| 600 // Medium screen / desktop | |
| 601 //$container-desktop: ((940px + $grid-gutter-width)); | |
| 602 //$container-md: $container-desktop; | |
| 603 | |
| 604 // Large screen / wide desktop | |
| 605 //$container-large-desktop: ((1140px + $grid-gutter-width)); | |
| 606 //$container-lg: $container-large-desktop; | |
| OLD | NEW |
