API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 5th, 2016
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 30.09 KB | None | 0 0
raw download clone embed print report
  1. // Variables
  2. //
  3. // Copy settings from this file into the provided `_custom.scss` to override
  4. // the Bootstrap defaults without modifying key, versioned files.
  5.  
  6.  
  7. // Table of Contents
  8. //
  9. // Colors
  10. // Options
  11. // Spacing
  12. // Body
  13. // Links
  14. // Grid breakpoints
  15. // Grid containers
  16. // Grid columns
  17. // Fonts
  18. // Components
  19.  
  20. @mixin _assert-ascending($map, $map-name) {
  21.   $prev-key: null;
  22.   $prev-num: null;
  23.   @each $key, $num in $map {
  24.     @if $prev-num == null {
  25.       // Do nothing
  26.     } @else if not comparable($prev-num, $num) {
  27.       @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
  28.     } @else if $prev-num >= $num {
  29.       @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
  30.     }
  31.     $prev-key: $key;
  32.     $prev-num: $num;
  33.   }
  34. }
  35.  
  36. // General variable structure
  37. //
  38. // Variable format should follow the `$component-modifier-state-property` order.
  39.  
  40.  
  41. // Colors
  42. //
  43. // Grayscale and brand colors for use across Bootstrap.
  44.  
  45. $gray-dark:                 #373a3c !default;
  46. $gray:                      #55595c !default;
  47. $gray-light:                #818a91 !default;
  48. $gray-lighter:              #eceeef !default;
  49. $gray-lightest:             #f7f7f9 !default;
  50.  
  51. $brand-primary:             #0275d8 !default;
  52. $brand-success:             #5cb85c !default;
  53. $brand-info:                #5bc0de !default;
  54. $brand-warning:             #f0ad4e !default;
  55. $brand-danger:              #d9534f !default;
  56. $brand-inverse:             $gray-dark !default;
  57.  
  58.  
  59. // Options
  60. //
  61. // Quickly modify global styling by enabling or disabling optional features.
  62.  
  63. $enable-flex:               false !default;
  64. $enable-rounded:            true !default;
  65. $enable-shadows:            false !default;
  66. $enable-gradients:          false !default;
  67. $enable-transitions:        false !default;
  68. $enable-hover-media-query:  false !default;
  69. $enable-grid-classes:       true !default;
  70. $enable-print-styles:       true !default;
  71.  
  72.  
  73. // Spacing
  74. //
  75. // Control the default styling of most Bootstrap elements by modifying these
  76. // variables. Mostly focused on spacing.
  77. // You can add more entries to the $spacers map, should you need more variation.
  78.  
  79. $spacer:   1rem !default;
  80. $spacer-x: $spacer !default;
  81. $spacer-y: $spacer !default;
  82. $spacers: (
  83.   0: (
  84.     x: 0,
  85.     y: 0
  86.   ),
  87.   1: (
  88.     x: $spacer-x,
  89.     y: $spacer-y
  90.   ),
  91.   2: (
  92.     x: ($spacer-x * 1.5),
  93.     y: ($spacer-y * 1.5)
  94.   ),
  95.   3: (
  96.     x: ($spacer-x * 3),
  97.     y: ($spacer-y * 3)
  98.   )
  99. ) !default;
  100. $border-width: 1px !default;
  101.  
  102.  
  103. // Body
  104. //
  105. // Settings for the `<body>` element.
  106.  
  107. $body-bg:    #fff !default;
  108. $body-color: $gray-dark !default;
  109.  
  110.  
  111. // Links
  112. //
  113. // Style anchor elements.
  114.  
  115. $link-color:            $brand-primary !default;
  116. $link-decoration:       none !default;
  117. $link-hover-color:      darken($link-color, 15%) !default;
  118. $link-hover-decoration: underline !default;
  119.  
  120.  
  121. // Grid breakpoints
  122. //
  123. // Define the minimum dimensions at which your layout will change,
  124. // adapting to different screen sizes, for use in media queries.
  125.  
  126. $grid-breakpoints: (
  127.   xs: 0,
  128.   sm: 544px,
  129.   md: 768px,
  130.   lg: 992px,
  131.   xl: 1200px
  132. ) !default;
  133. @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
  134.  
  135.  
  136. // Grid containers
  137. //
  138. // Define the maximum width of `.container` for different screen sizes.
  139.  
  140. $container-max-widths: (
  141.   sm: 576px,
  142.   md: 720px,
  143.   lg: 940px,
  144.   xl: 1140px
  145. ) !default;
  146. @include _assert-ascending($container-max-widths, "$container-max-widths");
  147.  
  148.  
  149. // Grid columns
  150. //
  151. // Set the number of columns and specify the width of the gutters.
  152.  
  153. $grid-columns:      12 !default;
  154. $grid-gutter-width: 30px !default;
  155.  
  156.  
  157. // Typography
  158. //
  159. // Font, line-height, and color for body text, headings, and more.
  160.  
  161. $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
  162. $font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
  163. $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
  164. $font-family-base:       $font-family-sans-serif !default;
  165.  
  166. // Pixel value used to responsively scale all typography. Applied to the `<html>` element.
  167. $font-size-root: 16px !default;
  168.  
  169. $font-size-base: 1rem !default;
  170. $font-size-lg:   1.25rem !default;
  171. $font-size-sm:   .875rem !default;
  172. $font-size-xs:   .75rem !default;
  173.  
  174. $line-height-base: 1.5 !default;
  175.  
  176. $font-size-h1: 2.5rem !default;
  177. $font-size-h2: 2rem !default;
  178. $font-size-h3: 1.75rem !default;
  179. $font-size-h4: 1.5rem !default;
  180. $font-size-h5: 1.25rem !default;
  181. $font-size-h6: 1rem !default;
  182.  
  183. $display1-size: 6rem !default;
  184. $display2-size: 5.5rem !default;
  185. $display3-size: 4.5rem !default;
  186. $display4-size: 3.5rem !default;
  187.  
  188. $display1-weight: 300 !default;
  189. $display2-weight: 300 !default;
  190. $display3-weight: 300 !default;
  191. $display4-weight: 300 !default;
  192.  
  193. $headings-margin-bottom: ($spacer / 2) !default;
  194. $headings-font-family:   inherit !default;
  195. $headings-font-weight:   500 !default;
  196. $headings-line-height:   1.1 !default;
  197. $headings-color:         inherit !default;
  198.  
  199. $lead-font-size:   1.25rem !default;
  200. $lead-font-weight: 300 !default;
  201.  
  202. $small-font-size: 80% !default;
  203.  
  204. $text-muted: $gray-light !default;
  205.  
  206. $abbr-border-color: $gray-light !default;
  207.  
  208. $blockquote-small-color:  $gray-light !default;
  209. $blockquote-font-size:    ($font-size-base * 1.25) !default;
  210. $blockquote-border-color: $gray-lighter !default;
  211. $blockquote-border-width: .25rem !default;
  212.  
  213. $hr-border-color: rgba(0,0,0,.1) !default;
  214. $hr-border-width: $border-width !default;
  215.  
  216. $mark-padding: .2em !default;
  217.  
  218. $dt-font-weight: bold !default;
  219.  
  220. $kbd-box-shadow:         inset 0 -.1rem 0 rgba(0,0,0,.25) !default;
  221. $nested-kbd-font-weight: bold !default;
  222.  
  223. $list-inline-padding: 5px !default;
  224.  
  225.  
  226. // Components
  227. //
  228. // Define common padding and border radius sizes and more.
  229.  
  230. $line-height-lg:         (4 / 3) !default;
  231. $line-height-sm:         1.5 !default;
  232.  
  233. $border-radius:          .25rem !default;
  234. $border-radius-lg:       .3rem !default;
  235. $border-radius-sm:       .2rem !default;
  236.  
  237. $component-active-color: #fff !default;
  238. $component-active-bg:    $brand-primary !default;
  239.  
  240. $caret-width:            .3em !default;
  241. $caret-width-lg:         $caret-width !default;
  242.  
  243.  
  244. // Tables
  245. //
  246. // Customizes the `.table` component with basic values, each used across all table variations.
  247.  
  248. $table-cell-padding:            .75rem !default;
  249. $table-sm-cell-padding:         .3rem !default;
  250.  
  251. $table-bg:                      transparent !default;
  252. $table-bg-accent:               rgba(0,0,0,.05) !default;
  253. $table-bg-hover:                rgba(0,0,0,.075) !default;
  254. $table-bg-active:               $table-bg-hover !default;
  255.  
  256. $table-border-width:            $border-width !default;
  257. $table-border-color:            $gray-lighter !default;
  258.  
  259.  
  260. // Buttons
  261. //
  262. // For each of Bootstrap's buttons, define text, background and border color.
  263.  
  264. $btn-padding-x:                  1rem !default;
  265. $btn-padding-y:                  .5rem !default;
  266. $btn-line-height:                1.25 !default;
  267. $btn-font-weight:                normal !default;
  268. $btn-box-shadow:                 inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075) !default;
  269. $btn-active-box-shadow:          inset 0 3px 5px rgba(0,0,0,.125) !default;
  270.  
  271. $btn-primary-color:              #fff !default;
  272. $btn-primary-bg:                 $brand-primary !default;
  273. $btn-primary-border:             $btn-primary-bg !default;
  274.  
  275. $btn-secondary-color:            $gray-dark !default;
  276. $btn-secondary-bg:               #fff !default;
  277. $btn-secondary-border:           #ccc !default;
  278.  
  279. $btn-info-color:                 #fff !default;
  280. $btn-info-bg:                    $brand-info !default;
  281. $btn-info-border:                $btn-info-bg !default;
  282.  
  283. $btn-success-color:              #fff !default;
  284. $btn-success-bg:                 $brand-success !default;
  285. $btn-success-border:             $btn-success-bg !default;
  286.  
  287. $btn-warning-color:              #fff !default;
  288. $btn-warning-bg:                 $brand-warning !default;
  289. $btn-warning-border:             $btn-warning-bg !default;
  290.  
  291. $btn-danger-color:               #fff !default;
  292. $btn-danger-bg:                  $brand-danger !default;
  293. $btn-danger-border:              $btn-danger-bg !default;
  294.  
  295. $btn-link-disabled-color:        $gray-light !default;
  296.  
  297. $btn-padding-x-sm:               .5rem !default;
  298. $btn-padding-y-sm:               .25rem !default;
  299.  
  300. $btn-padding-x-lg:               1.5rem !default;
  301. $btn-padding-y-lg:               .75rem !default;
  302.  
  303. $btn-block-spacing-y:            .5rem !default;
  304. $btn-toolbar-margin:             .5rem !default;
  305.  
  306. // Allows for customizing button radius independently from global border radius
  307. $btn-border-radius:              $border-radius !default;
  308. $btn-border-radius-lg:           $border-radius-lg !default;
  309. $btn-border-radius-sm:           $border-radius-sm !default;
  310.  
  311.  
  312. // Forms
  313.  
  314. $input-padding-x:                .75rem !default;
  315. $input-padding-y:                .5rem !default;
  316. $input-line-height:              1.25 !default;
  317.  
  318. $input-bg:                       #fff !default;
  319. $input-bg-disabled:              $gray-lighter !default;
  320.  
  321. $input-color:                    $gray !default;
  322. $input-border-color:             rgba(0,0,0,.15) !default;
  323. $input-btn-border-width:         $border-width !default; // For form controls and buttons
  324. $input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075) !default;
  325.  
  326. $input-border-radius:            $border-radius !default;
  327. $input-border-radius-lg:         $border-radius-lg !default;
  328. $input-border-radius-sm:         $border-radius-sm !default;
  329.  
  330. $input-bg-focus:                 $input-bg;
  331. $input-border-focus:             #66afe9 !default;
  332. $input-box-shadow-focus:         rgba(102,175,233,.6) !default;
  333. $input-color-focus:              $input-color;
  334.  
  335. $input-color-placeholder:        #999 !default;
  336.  
  337. $input-padding-x-sm:             .5rem !default;
  338. $input-padding-y-sm:             .25rem !default;
  339.  
  340. $input-padding-x-lg:             1.5rem !default;
  341. $input-padding-y-lg:             .75rem !default;
  342.  
  343. $input-height:                   (($font-size-base * $line-height-base) + ($input-padding-y * 2)) !default;
  344. $input-height-lg:                (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
  345. $input-height-sm:                (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
  346.  
  347. $form-group-margin-bottom:       $spacer-y !default;
  348.  
  349. $input-group-addon-bg:           $gray-lighter !default;
  350. $input-group-addon-border-color: $input-border-color !default;
  351.  
  352. $cursor-disabled:                not-allowed !default;
  353.  
  354. $custom-control-gutter:   1.5rem !default;
  355. $custom-control-spacer-x: 1rem !default;
  356. $custom-control-spacer-y: .25rem !default;
  357.  
  358. $custom-control-indicator-size:       1rem !default;
  359. $custom-control-indicator-bg:         #ddd !default;
  360. $custom-control-indicator-bg-size:    50% 50% !default;
  361. $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba(0,0,0,.1) !default;
  362.  
  363. $custom-control-disabled-cursor:             $cursor-disabled !default;
  364. $custom-control-disabled-indicator-bg:       #eee !default;
  365. $custom-control-disabled-description-color:  #767676 !default;
  366.  
  367. $custom-control-checked-indicator-color:      #fff !default;
  368. $custom-control-checked-indicator-bg:         #0074d9 !default;
  369. $custom-control-checked-indicator-box-shadow: none !default;
  370.  
  371. $custom-control-focus-indicator-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9 !default;
  372.  
  373. $custom-control-active-indicator-color:      #fff !default;
  374. $custom-control-active-indicator-bg:         #84c6ff !default;
  375. $custom-control-active-indicator-box-shadow: none !default;
  376.  
  377. $custom-checkbox-radius: $border-radius !default;
  378. $custom-checkbox-checked-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !default;
  379. $custom-checkbox-indeterminate-bg: #0074d9 !default;
  380. $custom-checkbox-indeterminate-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E") !default;
  381. $custom-checkbox-indeterminate-box-shadow: none !default;
  382.  
  383. $custom-radio-radius: 50% !default;
  384. $custom-radio-checked-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !default;
  385.  
  386. $custom-select-padding-x:          .75rem  !default;
  387. $custom-select-padding-y:          .375rem !default;
  388. $custom-select-indicator-padding:  1rem !default; // Extra padding to account for the presence of the background-image based indicator
  389. $custom-select-color:          $input-color !default;
  390. $custom-select-disabled-color: $gray-light !default;
  391. $custom-select-bg:            #fff !default;
  392. $custom-select-disabled-bg:   $gray-lighter !default;
  393. $custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
  394. $custom-select-indicator:     url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") !default;
  395. $custom-select-border-width:  $input-btn-border-width !default;
  396. $custom-select-border-color:  $input-border-color !default;
  397. $custom-select-border-radius: $border-radius !default;
  398.  
  399. $custom-select-focus-border-color: #51a7e8 !default;
  400. $custom-select-focus-box-shadow:   inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5) !default;
  401.  
  402. $custom-select-sm-padding-y: .2rem !default;
  403. $custom-select-sm-font-size: 75% !default;
  404.  
  405. $custom-file-height:           2.5rem !default;
  406. $custom-file-width:            14rem !default;
  407. $custom-file-focus-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9 !default;
  408.  
  409. $custom-file-padding-x:     .5rem !default;
  410. $custom-file-padding-y:     1rem !default;
  411. $custom-file-line-height:   1.5 !default;
  412. $custom-file-color:         #555 !default;
  413. $custom-file-bg:            #fff !default;
  414. $custom-file-border-width:  $border-width !default;
  415. $custom-file-border-color:  #ddd !default;
  416. $custom-file-border-radius: $border-radius !default;
  417. $custom-file-box-shadow:    inset 0 .2rem .4rem rgba(0,0,0,.05) !default;
  418. $custom-file-button-color:  $custom-file-color !default;
  419. $custom-file-button-bg:     #eee !default;
  420. $custom-file-text: (
  421.  placeholder: (
  422.    en: "Choose file..."
  423.  ),
  424.  button-label: (
  425.    en: "Browse"
  426.  )
  427. ) !default;
  428.  
  429.  
  430. // Form validation icons
  431. $form-icon-success: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") !default;
  432. $form-icon-warning: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E") !default;
  433. $form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") !default;
  434.  
  435.  
  436. // Dropdowns
  437. //
  438. // Dropdown menu container and contents.
  439.  
  440. $dropdown-min-width:             160px !default;
  441. $dropdown-padding-y:             5px !default;
  442. $dropdown-margin-top:            2px !default;
  443. $dropdown-bg:                    #fff !default;
  444. $dropdown-border-color:          rgba(0,0,0,.15) !default;
  445. $dropdown-border-width:          $border-width !default;
  446. $dropdown-divider-bg:            #e5e5e5 !default;
  447. $dropdown-box-shadow:            0 6px 12px rgba(0,0,0,.175) !default;
  448.  
  449. $dropdown-link-color:            $gray-dark !default;
  450. $dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
  451. $dropdown-link-hover-bg:         #f5f5f5 !default;
  452.  
  453. $dropdown-link-active-color:     $component-active-color !default;
  454. $dropdown-link-active-bg:        $component-active-bg !default;
  455.  
  456. $dropdown-link-disabled-color:   $gray-light !default;
  457.  
  458. $dropdown-item-padding-x:        20px !default;
  459.  
  460. $dropdown-header-color:          $gray-light !default;
  461.  
  462.  
  463. // Z-index master list
  464. //
  465. // Warning: Avoid customizing these values. They're used for a bird's eye view
  466. // of components dependent on the z-axis and are designed to all work together.
  467.  
  468. $zindex-dropdown-backdrop:  990 !default;
  469. $zindex-navbar:            1000 !default;
  470. $zindex-dropdown:          1000 !default;
  471. $zindex-popover:           1060 !default;
  472. $zindex-tooltip:           1070 !default;
  473. $zindex-navbar-fixed:      1030 !default;
  474. $zindex-navbar-sticky:     1030 !default;
  475. $zindex-modal-bg:          1040 !default;
  476. $zindex-modal:             1050 !default;
  477.  
  478.  
  479. // Navbar
  480.  
  481. $navbar-border-radius:              $border-radius !default;
  482. $navbar-padding-x:                  $spacer !default;
  483. $navbar-padding-y:                  ($spacer / 2) !default;
  484. $navbar-brand-padding-y:            .25rem !default;
  485.  
  486. $navbar-dark-color:                 rgba(255,255,255,.5) !default;
  487. $navbar-dark-hover-color:           rgba(255,255,255,.75) !default;
  488. $navbar-dark-active-color:          rgba(255,255,255,1) !default;
  489. $navbar-dark-disabled-color:        rgba(255,255,255,.25) !default;
  490.  
  491. $navbar-light-color:                rgba(0,0,0,.3) !default;
  492. $navbar-light-hover-color:          rgba(0,0,0,.6) !default;
  493. $navbar-light-active-color:         rgba(0,0,0,.8) !default;
  494. $navbar-light-disabled-color:       rgba(0,0,0,.15) !default;
  495.  
  496.  
  497. // Navs
  498.  
  499. $nav-item-margin:               .2rem !default;
  500. $nav-item-inline-spacer:        1rem !default;
  501. $nav-link-padding:              .5em 1em !default;
  502. $nav-link-hover-bg:             $gray-lighter !default;
  503. $nav-disabled-link-color:       $gray-light !default;
  504. $nav-disabled-link-hover-color: $gray-light !default;
  505. $nav-disabled-link-hover-bg:    transparent !default;
  506.  
  507. $nav-tabs-border-color:                       #ddd !default;
  508. $nav-tabs-border-width:                       $border-width !default;
  509. $nav-tabs-border-radius:                      $border-radius !default;
  510. $nav-tabs-link-hover-border-color:            $gray-lighter !default;
  511. $nav-tabs-active-link-hover-color:            $gray !default;
  512. $nav-tabs-active-link-hover-bg:               $body-bg !default;
  513. $nav-tabs-active-link-hover-border-color:     #ddd !default;
  514. $nav-tabs-justified-link-border-color:        #ddd !default;
  515. $nav-tabs-justified-active-link-border-color: $body-bg !default;
  516.  
  517. $nav-pills-border-radius:     $border-radius !default;
  518. $nav-pills-active-link-color: $component-active-color !default;
  519. $nav-pills-active-link-bg:    $component-active-bg !default;
  520.  
  521.  
  522. // Pagination
  523.  
  524. $pagination-padding-x:                .75rem !default;
  525. $pagination-padding-y:                .5rem !default;
  526. $pagination-padding-x-sm:             .75rem !default;
  527. $pagination-padding-y-sm:             .275rem !default;
  528. $pagination-padding-x-lg:             1.5rem !default;
  529. $pagination-padding-y-lg:             .75rem !default;
  530.  
  531.  
  532. $pagination-color:                     $link-color !default;
  533. $pagination-bg:                        #fff !default;
  534. $pagination-border-width:              $border-width !default;
  535. $pagination-border-color:              #ddd !default;
  536.  
  537. $pagination-hover-color:               $link-hover-color !default;
  538. $pagination-hover-bg:                  $gray-lighter !default;
  539. $pagination-hover-border:              #ddd !default;
  540.  
  541. $pagination-active-color:              #fff !default;
  542. $pagination-active-bg:                 $brand-primary !default;
  543. $pagination-active-border:             $brand-primary !default;
  544.  
  545. $pagination-disabled-color:            $gray-light !default;
  546. $pagination-disabled-bg:               #fff !default;
  547. $pagination-disabled-border:           #ddd !default;
  548.  
  549.  
  550. // Jumbotron
  551.  
  552. $jumbotron-padding:              2rem !default;
  553. $jumbotron-bg:                   $gray-lighter !default;
  554.  
  555.  
  556. // Form states and alerts
  557. //
  558. // Define colors for form feedback states and, by default, alerts.
  559.  
  560. $state-success-text:             #3c763d !default;
  561. $state-success-bg:               #dff0d8 !default;
  562. $state-success-border:           darken($state-success-bg, 5%) !default;
  563.  
  564. $state-info-text:                #31708f !default;
  565. $state-info-bg:                  #d9edf7 !default;
  566. $state-info-border:              darken($state-info-bg, 7%) !default;
  567.  
  568. $state-warning-text:             #8a6d3b !default;
  569. $state-warning-bg:               #fcf8e3 !default;
  570. $mark-bg:                        $state-warning-bg !default;
  571. $state-warning-border:           darken($state-warning-bg, 5%) !default;
  572.  
  573. $state-danger-text:              #a94442 !default;
  574. $state-danger-bg:                #f2dede !default;
  575. $state-danger-border:            darken($state-danger-bg, 5%) !default;
  576.  
  577.  
  578. // Cards
  579. $card-spacer-x:            1.25rem !default;
  580. $card-spacer-y:            .75rem !default;
  581. $card-border-width:        1px !default;
  582. $card-border-radius:       $border-radius !default;
  583. $card-border-color:        rgba(0,0,0,.125) !default;
  584. $card-border-radius-inner: $card-border-radius !default;
  585. $card-cap-bg:              #f5f5f5 !default;
  586. $card-bg:                  #fff !default;
  587.  
  588. $card-link-hover-color:    #fff !default;
  589.  
  590. $card-img-overlay-padding: 1.25rem !default;
  591.  
  592. $card-deck-margin:         .625rem !default;
  593.  
  594. $card-columns-sm-up-column-gap: 1.25rem !default;
  595.  
  596.  
  597. // Tooltips
  598.  
  599. $tooltip-max-width:           200px !default;
  600. $tooltip-color:               #fff !default;
  601. $tooltip-bg:                  #000 !default;
  602. $tooltip-opacity:             .9 !default;
  603. $tooltip-padding-y:           3px !default;
  604. $tooltip-padding-x:           8px !default;
  605. $tooltip-margin:              3px !default;
  606.  
  607. $tooltip-arrow-width:         5px !default;
  608. $tooltip-arrow-color:         $tooltip-bg !default;
  609.  
  610.  
  611. // Popovers
  612.  
  613. $popover-inner-padding:               1px !default;
  614. $popover-bg:                          #fff !default;
  615. $popover-max-width:                   276px !default;
  616. $popover-border-width:                $border-width !default;
  617. $popover-border-color:                rgba(0,0,0,.2) !default;
  618. $popover-box-shadow:                  0 5px 10px rgba(0,0,0,.2) !default;
  619.  
  620. $popover-title-bg:                    darken($popover-bg, 3%) !default;
  621. $popover-title-padding-x:             14px !default;
  622. $popover-title-padding-y:             8px !default;
  623.  
  624. $popover-content-padding-x:           14px !default;
  625. $popover-content-padding-y:           9px !default;
  626.  
  627. $popover-arrow-width:                 10px !default;
  628. $popover-arrow-color:                 $popover-bg !default;
  629.  
  630. $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
  631. $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;
  632.  
  633.  
  634. // Tags
  635.  
  636. $tag-default-bg:            $gray-light !default;
  637. $tag-primary-bg:            $brand-primary !default;
  638. $tag-success-bg:            $brand-success !default;
  639. $tag-info-bg:               $brand-info !default;
  640. $tag-warning-bg:            $brand-warning !default;
  641. $tag-danger-bg:             $brand-danger !default;
  642.  
  643. $tag-color:                 #fff !default;
  644. $tag-link-hover-color:      #fff !default;
  645. $tag-font-size:             75% !default;
  646. $tag-font-weight:           bold !default;
  647. $tag-padding-x:             .4em !default;
  648. $tag-padding-y:             .25em !default;
  649.  
  650. $tag-pill-padding-x:        .6em !default;
  651. // Use a higher than normal value to ensure completely rounded edges when
  652. // customizing padding or font-size on labels.
  653. $tag-pill-border-radius:    10rem !default;
  654.  
  655. // Modals
  656.  
  657. // Padding applied to the modal body
  658. $modal-inner-padding:         15px !default;
  659.  
  660. $modal-dialog-margin:         10px !default;
  661. $modal-dialog-sm-up-margin-y: 30px !default;
  662.  
  663. $modal-title-padding:         15px !default;
  664. $modal-title-line-height:     $line-height-base !default;
  665.  
  666. $modal-content-bg:               #fff !default;
  667. $modal-content-border-color:     rgba(0,0,0,.2) !default;
  668. $modal-content-border-width:     $border-width !default;
  669. $modal-content-xs-box-shadow:    0 3px 9px rgba(0,0,0,.5) !default;
  670. $modal-content-sm-up-box-shadow: 0 5px 15px rgba(0,0,0,.5) !default;
  671.  
  672. $modal-backdrop-bg:           #000 !default;
  673. $modal-backdrop-opacity:      .5 !default;
  674. $modal-header-border-color:   #e5e5e5 !default;
  675. $modal-footer-border-color:   $modal-header-border-color !default;
  676. $modal-header-border-width:   $modal-content-border-width !default;
  677. $modal-footer-border-width:   $modal-header-border-width !default;
  678.  
  679. $modal-lg:                    900px !default;
  680. $modal-md:                    600px !default;
  681. $modal-sm:                    300px !default;
  682.  
  683.  
  684. // Alerts
  685. //
  686. // Define alert colors, border radius, and padding.
  687.  
  688. $alert-padding:               1rem !default;
  689. $alert-border-radius:         $border-radius !default;
  690. $alert-link-font-weight:      bold !default;
  691. $alert-border-width:          $border-width !default;
  692.  
  693. $alert-success-bg:            $state-success-bg !default;
  694. $alert-success-text:          $state-success-text !default;
  695. $alert-success-border:        $state-success-border !default;
  696.  
  697. $alert-info-bg:               $state-info-bg !default;
  698. $alert-info-text:             $state-info-text !default;
  699. $alert-info-border:           $state-info-border !default;
  700.  
  701. $alert-warning-bg:            $state-warning-bg !default;
  702. $alert-warning-text:          $state-warning-text !default;
  703. $alert-warning-border:        $state-warning-border !default;
  704.  
  705. $alert-danger-bg:             $state-danger-bg !default;
  706. $alert-danger-text:           $state-danger-text !default;
  707. $alert-danger-border:         $state-danger-border !default;
  708.  
  709.  
  710. // Progress bars
  711.  
  712. $progress-bg:                 #eee !default;
  713. $progress-bar-color:          #0074d9 !default;
  714. $progress-border-radius:      $border-radius !default;
  715. $progress-box-shadow:         inset 0 .1rem .1rem rgba(0,0,0,.1) !default;
  716.  
  717. $progress-bar-bg:             $brand-primary !default;
  718. $progress-bar-success-bg:     $brand-success !default;
  719. $progress-bar-warning-bg:     $brand-warning !default;
  720. $progress-bar-danger-bg:      $brand-danger !default;
  721. $progress-bar-info-bg:        $brand-info !default;
  722.  
  723.  
  724. // List group
  725.  
  726. $list-group-bg:                 #fff !default;
  727. $list-group-border-color:       #ddd !default;
  728. $list-group-border-width:       $border-width !default;
  729. $list-group-border-radius:      $border-radius !default;
  730.  
  731. $list-group-hover-bg:           #f5f5f5 !default;
  732. $list-group-active-color:       $component-active-color !default;
  733. $list-group-active-bg:          $component-active-bg !default;
  734. $list-group-active-border:      $list-group-active-bg !default;
  735. $list-group-active-text-color:  lighten($list-group-active-bg, 40%) !default;
  736.  
  737. $list-group-disabled-color:      $gray-light !default;
  738. $list-group-disabled-bg:         $gray-lighter !default;
  739. $list-group-disabled-text-color: $list-group-disabled-color !default;
  740.  
  741. $list-group-link-color:         #555 !default;
  742. $list-group-link-hover-color:   $list-group-link-color !default;
  743. $list-group-link-heading-color: #333 !default;
  744.  
  745. $list-group-item-padding-x:             1.25rem !default;
  746. $list-group-item-padding-y:             .75rem !default;
  747. $list-group-item-heading-margin-bottom: 5px !default;
  748.  
  749.  
  750. // Image thumbnails
  751.  
  752. $thumbnail-padding:           .25rem !default;
  753. $thumbnail-bg:                $body-bg !default;
  754. $thumbnail-border-width:      $border-width !default;
  755. $thumbnail-border-color:      #ddd !default;
  756. $thumbnail-border-radius:     $border-radius !default;
  757. $thumbnail-box-shadow:        0 1px 2px rgba(0,0,0,.075) !default;
  758.  
  759.  
  760. // Figures
  761.  
  762. $figure-caption-font-size: 90% !default;
  763.  
  764.  
  765. // Breadcrumbs
  766.  
  767. $breadcrumb-padding-y:          .75rem !default;
  768. $breadcrumb-padding-x:          1rem !default;
  769. $breadcrumb-item-padding:       .5rem !default;
  770.  
  771. $breadcrumb-bg:                 $gray-lighter !default;
  772. $breadcrumb-divider-color:      $gray-light !default;
  773. $breadcrumb-active-color:       $gray-light !default;
  774. $breadcrumb-divider:            "/" !default;
  775.  
  776.  
  777. // Media objects
  778.  
  779. $media-margin-top:            15px !default;
  780. $media-heading-margin-bottom:  5px !default;
  781. $media-alignment-padding-x:   10px !default;
  782.  
  783.  
  784. // Carousel
  785.  
  786. $carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
  787.  
  788. $carousel-control-color:                      #fff !default;
  789. $carousel-control-width:                      15% !default;
  790. $carousel-control-sm-up-size:                 30px !default;
  791. $carousel-control-opacity:                    .5 !default;
  792. $carousel-control-font-size:                  20px !default;
  793.  
  794. $carousel-indicators-width:                   60% !default;
  795.  
  796. $carousel-indicator-size:                     10px !default;
  797. $carousel-indicator-active-size:              12px !default;
  798. $carousel-indicator-active-bg:                #fff !default;
  799. $carousel-indicator-border-color:             #fff !default;
  800.  
  801. $carousel-caption-width:                      70% !default;
  802. $carousel-caption-sm-up-width:                60% !default;
  803. $carousel-caption-color:                      #fff !default;
  804.  
  805. $carousel-icon-width:                         20px !default;
  806.  
  807.  
  808. // Close
  809.  
  810. $close-font-weight:           bold !default;
  811. $close-color:                 #000 !default;
  812. $close-text-shadow:           0 1px 0 #fff !default;
  813.  
  814.  
  815. // Code
  816.  
  817. $code-font-size:              90% !default;
  818. $code-padding-x:              .4rem !default;
  819. $code-padding-y:              .2rem !default;
  820. $code-color:                  #bd4147 !default;
  821. $code-bg:                     #f7f7f9 !default;
  822.  
  823. $kbd-color:                   #fff !default;
  824. $kbd-bg:                      #333 !default;
  825.  
  826. $pre-bg:                      #f7f7f9 !default;
  827. $pre-color:                   $gray-dark !default;
  828. $pre-border-color:            #ccc !default;
  829. $pre-scrollable-max-height:   340px !default;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!