twitter-bootstrap-rails 2.2.8 → 3.2.0

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of twitter-bootstrap-rails might be problematic. Click here for more details.

Files changed (181) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +82 -119
  3. data/Rakefile +4 -6
  4. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  5. data/app/assets/fonts/fontawesome-webfont.svg +471 -366
  6. data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
  7. data/app/assets/fonts/fontawesome-webfont.woff +0 -0
  8. data/app/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  9. data/app/assets/fonts/glyphicons-halflings-regular.svg +229 -0
  10. data/app/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  11. data/app/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  12. data/app/assets/javascripts/twitter/bootstrap.js +12 -13
  13. data/app/assets/javascripts/twitter/bootstrap/affix.js +137 -0
  14. data/app/assets/javascripts/twitter/bootstrap/alert.js +88 -0
  15. data/app/assets/javascripts/twitter/bootstrap/button.js +107 -0
  16. data/app/assets/javascripts/twitter/bootstrap/carousel.js +205 -0
  17. data/app/assets/javascripts/twitter/bootstrap/collapse.js +170 -0
  18. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +147 -0
  19. data/app/assets/javascripts/twitter/bootstrap/modal.js +243 -0
  20. data/app/assets/javascripts/twitter/bootstrap/popover.js +110 -0
  21. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +153 -0
  22. data/app/assets/javascripts/twitter/bootstrap/tab.js +125 -0
  23. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +399 -0
  24. data/app/assets/javascripts/twitter/bootstrap/transition.js +48 -0
  25. data/app/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +1 -890
  26. data/app/assets/stylesheets/twitter-bootstrap-static/fontawesome.css.erb +4 -787
  27. data/app/assets/stylesheets/twitter-bootstrap-static/sprites.css.erb +1 -146
  28. data/app/helpers/bootstrap_flash_helper.rb +7 -5
  29. data/app/helpers/form_errors_helper.rb +22 -0
  30. data/app/helpers/glyph_helper.rb +8 -6
  31. data/app/helpers/modal_helper.rb +29 -21
  32. data/app/helpers/navbar_helper.rb +42 -30
  33. data/app/helpers/twitter_breadcrumbs_helper.rb +3 -2
  34. data/app/views/twitter-bootstrap/_breadcrumbs.html.erb +4 -4
  35. data/lib/generators/bootstrap/install/install_generator.rb +3 -2
  36. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +7 -8
  37. data/lib/generators/bootstrap/install/templates/en.bootstrap.yml +5 -0
  38. data/lib/generators/bootstrap/layout/layout_generator.rb +1 -4
  39. data/lib/generators/bootstrap/layout/templates/layout.html.erb +22 -43
  40. data/lib/generators/bootstrap/layout/templates/layout.html.haml +16 -31
  41. data/lib/generators/bootstrap/layout/templates/layout.html.slim +10 -25
  42. data/lib/generators/bootstrap/partial/templates/_login.html.erb +2 -3
  43. data/lib/generators/bootstrap/themed/templates/_form.html.erb +25 -8
  44. data/lib/generators/bootstrap/themed/templates/_form.html.haml +7 -7
  45. data/lib/generators/bootstrap/themed/templates/_form.html.slim +7 -7
  46. data/lib/generators/bootstrap/themed/templates/index.html.erb +2 -2
  47. data/lib/generators/bootstrap/themed/templates/index.html.haml +2 -2
  48. data/lib/generators/bootstrap/themed/templates/index.html.slim +2 -2
  49. data/lib/generators/bootstrap/themed/templates/show.html.erb +5 -7
  50. data/lib/generators/bootstrap/themed/templates/show.html.haml +4 -4
  51. data/lib/generators/bootstrap/themed/templates/show.html.slim +5 -6
  52. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +5 -5
  53. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +3 -3
  54. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +4 -4
  55. data/lib/generators/bootstrap/themed/themed_generator.rb +2 -2
  56. data/lib/twitter/bootstrap/rails/{twitter-bootstrap-breadcrumbs.rb → breadcrumbs.rb} +24 -8
  57. data/lib/twitter/bootstrap/rails/engine.rb +5 -2
  58. data/lib/twitter/bootstrap/rails/version.rb +2 -2
  59. data/spec/lib/breadcrumbs_spec.rb +74 -0
  60. data/spec/lib/twitter_bootstrap_rails/badge_label_helper_spec.rb +4 -2
  61. data/spec/lib/twitter_bootstrap_rails/modal_helper_spec.rb +15 -15
  62. data/spec/lib/twitter_bootstrap_rails/navbar_helper_spec.rb +157 -173
  63. data/spec/lib/twitter_bootstrap_rails/uri_state_spec.rb +18 -16
  64. data/spec/spec_helper.rb +7 -1
  65. data/vendor/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +5797 -0
  66. data/vendor/static-source/bootstrap.less +0 -1
  67. data/vendor/static-source/fontawesome.less +0 -1
  68. data/vendor/static-source/sprites.less +1 -1
  69. data/vendor/toolkit/fontawesome/bordered-pulled.less +16 -0
  70. data/vendor/toolkit/fontawesome/core.less +9 -126
  71. data/vendor/toolkit/fontawesome/fixed-width.less +6 -0
  72. data/vendor/toolkit/fontawesome/font-awesome.less +9 -25
  73. data/vendor/toolkit/fontawesome/icons.less +503 -378
  74. data/vendor/toolkit/fontawesome/larger.less +13 -0
  75. data/vendor/toolkit/fontawesome/list.less +19 -0
  76. data/vendor/toolkit/fontawesome/mixins.less +14 -42
  77. data/vendor/toolkit/fontawesome/path.less +1 -1
  78. data/vendor/toolkit/fontawesome/rotated-flipped.less +9 -0
  79. data/vendor/toolkit/fontawesome/spinning.less +32 -0
  80. data/vendor/toolkit/fontawesome/stacked.less +20 -0
  81. data/vendor/toolkit/fontawesome/variables.less +511 -731
  82. data/vendor/toolkit/twitter/bootstrap/alerts.less +47 -58
  83. data/vendor/toolkit/twitter/bootstrap/badges.less +55 -0
  84. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +27 -39
  85. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +11 -9
  86. data/vendor/toolkit/twitter/bootstrap/button-groups.less +168 -152
  87. data/vendor/toolkit/twitter/bootstrap/buttons.less +101 -170
  88. data/vendor/toolkit/twitter/bootstrap/carousel.less +150 -65
  89. data/vendor/toolkit/twitter/bootstrap/close.less +20 -19
  90. data/vendor/toolkit/twitter/bootstrap/code.less +38 -30
  91. data/vendor/toolkit/twitter/bootstrap/component-animations.less +12 -3
  92. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +115 -148
  93. data/vendor/toolkit/twitter/bootstrap/forms.less +401 -547
  94. data/vendor/toolkit/twitter/bootstrap/glyphicons.less +233 -0
  95. data/vendor/toolkit/twitter/bootstrap/grid.less +74 -11
  96. data/vendor/toolkit/twitter/bootstrap/input-groups.less +166 -0
  97. data/vendor/toolkit/twitter/bootstrap/jumbotron.less +48 -0
  98. data/vendor/toolkit/twitter/bootstrap/labels.less +64 -0
  99. data/vendor/toolkit/twitter/bootstrap/list-group.less +132 -0
  100. data/vendor/toolkit/twitter/bootstrap/media.less +8 -7
  101. data/vendor/toolkit/twitter/bootstrap/mixins.less +36 -699
  102. data/vendor/toolkit/twitter/bootstrap/mixins/alerts.less +14 -0
  103. data/vendor/toolkit/twitter/bootstrap/mixins/background-variant.less +8 -0
  104. data/vendor/toolkit/twitter/bootstrap/mixins/border-radius.less +18 -0
  105. data/vendor/toolkit/twitter/bootstrap/mixins/buttons.less +52 -0
  106. data/vendor/toolkit/twitter/bootstrap/mixins/center-block.less +7 -0
  107. data/vendor/toolkit/twitter/bootstrap/mixins/clearfix.less +22 -0
  108. data/vendor/toolkit/twitter/bootstrap/mixins/forms.less +85 -0
  109. data/vendor/toolkit/twitter/bootstrap/mixins/gradients.less +59 -0
  110. data/vendor/toolkit/twitter/bootstrap/mixins/grid-framework.less +91 -0
  111. data/vendor/toolkit/twitter/bootstrap/mixins/grid.less +122 -0
  112. data/vendor/toolkit/twitter/bootstrap/mixins/hide-text.less +21 -0
  113. data/vendor/toolkit/twitter/bootstrap/mixins/image.less +33 -0
  114. data/vendor/toolkit/twitter/bootstrap/mixins/labels.less +12 -0
  115. data/vendor/toolkit/twitter/bootstrap/mixins/list-group.less +29 -0
  116. data/vendor/toolkit/twitter/bootstrap/mixins/nav-divider.less +10 -0
  117. data/vendor/toolkit/twitter/bootstrap/mixins/nav-vertical-align.less +9 -0
  118. data/vendor/toolkit/twitter/bootstrap/mixins/opacity.less +8 -0
  119. data/vendor/toolkit/twitter/bootstrap/mixins/pagination.less +23 -0
  120. data/vendor/toolkit/twitter/bootstrap/mixins/panels.less +24 -0
  121. data/vendor/toolkit/twitter/bootstrap/mixins/progress-bar.less +10 -0
  122. data/vendor/toolkit/twitter/bootstrap/mixins/reset-filter.less +8 -0
  123. data/vendor/toolkit/twitter/bootstrap/mixins/resize.less +6 -0
  124. data/vendor/toolkit/twitter/bootstrap/mixins/responsive-visibility.less +15 -0
  125. data/vendor/toolkit/twitter/bootstrap/mixins/size.less +10 -0
  126. data/vendor/toolkit/twitter/bootstrap/mixins/tab-focus.less +9 -0
  127. data/vendor/toolkit/twitter/bootstrap/mixins/table-row.less +28 -0
  128. data/vendor/toolkit/twitter/bootstrap/mixins/text-emphasis.less +8 -0
  129. data/vendor/toolkit/twitter/bootstrap/mixins/text-overflow.less +8 -0
  130. data/vendor/toolkit/twitter/bootstrap/mixins/vendor-prefixes.less +224 -0
  131. data/vendor/toolkit/twitter/bootstrap/modals.less +109 -54
  132. data/vendor/toolkit/twitter/bootstrap/navbar.less +542 -384
  133. data/vendor/toolkit/twitter/bootstrap/navs.less +192 -359
  134. data/vendor/toolkit/twitter/bootstrap/normalize.less +425 -0
  135. data/vendor/toolkit/twitter/bootstrap/pager.less +46 -34
  136. data/vendor/toolkit/twitter/bootstrap/pagination.less +70 -105
  137. data/vendor/toolkit/twitter/bootstrap/panels.less +248 -0
  138. data/vendor/toolkit/twitter/bootstrap/popovers.less +61 -61
  139. data/vendor/toolkit/twitter/bootstrap/print.less +101 -0
  140. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +51 -73
  141. data/vendor/toolkit/twitter/bootstrap/responsive-embed.less +34 -0
  142. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +177 -42
  143. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +120 -23
  144. data/vendor/toolkit/twitter/bootstrap/tables.less +171 -182
  145. data/vendor/toolkit/twitter/bootstrap/theme.less +260 -0
  146. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +26 -43
  147. data/vendor/toolkit/twitter/bootstrap/tooltip.less +49 -24
  148. data/vendor/toolkit/twitter/bootstrap/type.less +208 -147
  149. data/vendor/toolkit/twitter/bootstrap/utilities.less +33 -7
  150. data/vendor/toolkit/twitter/bootstrap/variables.less +761 -215
  151. data/vendor/toolkit/twitter/bootstrap/wells.less +7 -7
  152. metadata +128 -138
  153. data/app/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +0 -117
  154. data/app/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +0 -99
  155. data/app/assets/javascripts/twitter/bootstrap/bootstrap-button.js +0 -105
  156. data/app/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +0 -207
  157. data/app/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +0 -167
  158. data/app/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +0 -169
  159. data/app/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +0 -247
  160. data/app/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +0 -114
  161. data/app/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +0 -162
  162. data/app/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +0 -144
  163. data/app/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +0 -361
  164. data/app/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +0 -60
  165. data/app/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +0 -335
  166. data/test/lib/breadcrumbs_test.rb +0 -75
  167. data/test/test_helper.rb +0 -11
  168. data/vendor/toolkit/fontawesome/bootstrap.less +0 -84
  169. data/vendor/toolkit/fontawesome/extras.less +0 -93
  170. data/vendor/toolkit/fontawesome/font-awesome-ie7.less +0 -1953
  171. data/vendor/toolkit/twitter/bootstrap/accordion.less +0 -34
  172. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +0 -25
  173. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +0 -84
  174. data/vendor/toolkit/twitter/bootstrap/layouts.less +0 -16
  175. data/vendor/toolkit/twitter/bootstrap/reset.less +0 -216
  176. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +0 -28
  177. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +0 -193
  178. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +0 -19
  179. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +0 -189
  180. data/vendor/toolkit/twitter/bootstrap/responsive.less +0 -48
  181. data/vendor/toolkit/twitter/bootstrap/sprites.less +0 -197
@@ -3,28 +3,54 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
- // Quick floats
6
+ // Floats
7
+ // -------------------------
8
+
9
+ .clearfix {
10
+ .clearfix();
11
+ }
12
+ .center-block {
13
+ .center-block();
14
+ }
7
15
  .pull-right {
8
- float: right;
16
+ float: right !important;
9
17
  }
10
18
  .pull-left {
11
- float: left;
19
+ float: left !important;
12
20
  }
13
21
 
22
+
14
23
  // Toggling content
24
+ // -------------------------
25
+
26
+ // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
15
27
  .hide {
16
- display: none;
28
+ display: none !important;
17
29
  }
18
30
  .show {
19
- display: block;
31
+ display: block !important;
20
32
  }
21
-
22
- // Visibility
23
33
  .invisible {
24
34
  visibility: hidden;
25
35
  }
36
+ .text-hide {
37
+ .text-hide();
38
+ }
39
+
40
+
41
+ // Hide from screenreaders and browsers
42
+ //
43
+ // Credit: HTML5 Boilerplate
44
+
45
+ .hidden {
46
+ display: none !important;
47
+ visibility: hidden !important;
48
+ }
49
+
26
50
 
27
51
  // For Affix plugin
52
+ // -------------------------
53
+
28
54
  .affix {
29
55
  position: fixed;
30
56
  }
@@ -3,299 +3,845 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
- // Global values
7
- // --------------------------------------------------
6
+ //== Colors
7
+ //
8
+ //## Gray and brand colors for use across Bootstrap.
8
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
9
16
 
10
- // Grays
11
- // -------------------------
12
- @black: #000;
13
- @grayDarker: #222;
14
- @grayDark: #333;
15
- @gray: #555;
16
- @grayLight: #999;
17
- @grayLighter: #eee;
18
- @white: #fff;
17
+ @brand-primary: #428bca;
18
+ @brand-success: #5cb85c;
19
+ @brand-info: #5bc0de;
20
+ @brand-warning: #f0ad4e;
21
+ @brand-danger: #d9534f;
19
22
 
20
23
 
21
- // Accent colors
22
- // -------------------------
23
- @blue: #049cdb;
24
- @blueDark: #0064cd;
25
- @green: #46a546;
26
- @red: #9d261d;
27
- @yellow: #ffc40d;
28
- @orange: #f89406;
29
- @pink: #c3325f;
30
- @purple: #7a43b6;
24
+ //== Scaffolding
25
+ //
26
+ //## Settings for some of the most global styles.
31
27
 
28
+ //** Background color for `<body>`.
29
+ @body-bg: #fff;
30
+ //** Global text color on `<body>`.
31
+ @text-color: @gray-dark;
32
32
 
33
- // Scaffolding
34
- // -------------------------
35
- @bodyBackground: @white;
36
- @textColor: @grayDark;
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
37
 
38
38
 
39
- // Links
40
- // -------------------------
41
- @linkColor: #08c;
42
- @linkColorHover: darken(@linkColor, 15%);
39
+ //== Typography
40
+ //
41
+ //## Font, line-height, and color for body text, headings, and more.
42
+
43
+ @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
44
+ @font-family-serif: Georgia, "Times New Roman", Times, serif;
45
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
46
+ @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
47
+ @font-family-base: @font-family-sans-serif;
48
+
49
+ @font-size-base: 14px;
50
+ @font-size-large: ceil((@font-size-base * 1.25)); // ~18px
51
+ @font-size-small: ceil((@font-size-base * 0.85)); // ~12px
52
+
53
+ @font-size-h1: floor((@font-size-base * 2.6)); // ~36px
54
+ @font-size-h2: floor((@font-size-base * 2.15)); // ~30px
55
+ @font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
56
+ @font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
57
+ @font-size-h5: @font-size-base;
58
+ @font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
59
+
60
+ //** Unit-less `line-height` for use in components like buttons.
61
+ @line-height-base: 1.428571429; // 20/14
62
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
63
+ @line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
64
+
65
+ //** By default, this inherits from the `<body>`.
66
+ @headings-font-family: inherit;
67
+ @headings-font-weight: 500;
68
+ @headings-line-height: 1.1;
69
+ @headings-color: inherit;
70
+
71
+
72
+ //== Iconography
73
+ //
74
+ //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
43
75
 
76
+ //** Load fonts from this directory.
77
+ @icon-font-path: "../fonts/";
78
+ //** File name for all font files.
79
+ @icon-font-name: "glyphicons-halflings-regular";
80
+ //** Element ID within SVG icon file.
81
+ @icon-font-svg-id: "glyphicons_halflingsregular";
44
82
 
45
- // Typography
46
- // -------------------------
47
- @sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
48
- @serifFontFamily: Georgia, "Times New Roman", Times, serif;
49
- @monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
50
83
 
51
- @baseFontSize: 14px;
52
- @baseFontFamily: @sansFontFamily;
53
- @baseLineHeight: 20px;
54
- @altFontFamily: @serifFontFamily;
84
+ //== Components
85
+ //
86
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
55
87
 
56
- @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
57
- @headingsFontWeight: bold; // instead of browser default, bold
58
- @headingsColor: inherit; // empty to use BS default, @textColor
88
+ @padding-base-vertical: 6px;
89
+ @padding-base-horizontal: 12px;
59
90
 
91
+ @padding-large-vertical: 10px;
92
+ @padding-large-horizontal: 16px;
60
93
 
61
- // Component sizing
62
- // -------------------------
63
- // Based on 14px font-size and 20px line-height
94
+ @padding-small-vertical: 5px;
95
+ @padding-small-horizontal: 10px;
64
96
 
65
- @fontSizeLarge: @baseFontSize * 1.25; // ~18px
66
- @fontSizeSmall: @baseFontSize * 0.85; // ~12px
67
- @fontSizeMini: @baseFontSize * 0.75; // ~11px
97
+ @padding-xs-vertical: 1px;
98
+ @padding-xs-horizontal: 5px;
68
99
 
69
- @paddingLarge: 11px 19px; // 44px
70
- @paddingSmall: 2px 10px; // 26px
71
- @paddingMini: 0 6px; // 22px
100
+ @line-height-large: 1.33;
101
+ @line-height-small: 1.5;
72
102
 
73
- @baseBorderRadius: 4px;
74
- @borderRadiusLarge: 6px;
75
- @borderRadiusSmall: 3px;
103
+ @border-radius-base: 4px;
104
+ @border-radius-large: 6px;
105
+ @border-radius-small: 3px;
76
106
 
107
+ //** Global color for active items (e.g., navs or dropdowns).
108
+ @component-active-color: #fff;
109
+ //** Global background color for active items (e.g., navs or dropdowns).
110
+ @component-active-bg: @brand-primary;
77
111
 
78
- // Tables
79
- // -------------------------
80
- @tableBackground: transparent; // overall background-color
81
- @tableBackgroundAccent: #f9f9f9; // for striping
82
- @tableBackgroundHover: #f5f5f5; // for hover
83
- @tableBorder: #ddd; // table and cell border
112
+ //** Width of the `border` for generating carets that indicator dropdowns.
113
+ @caret-width-base: 4px;
114
+ //** Carets increase slightly in size for larger components.
115
+ @caret-width-large: 5px;
84
116
 
85
- // Buttons
86
- // -------------------------
87
- @btnBackground: @white;
88
- @btnBackgroundHighlight: darken(@white, 10%);
89
- @btnBorder: #ccc;
90
117
 
91
- @btnPrimaryBackground: @linkColor;
92
- @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%);
118
+ //== Tables
119
+ //
120
+ //## Customizes the `.table` component with basic values, each used across all table variations.
93
121
 
94
- @btnInfoBackground: #5bc0de;
95
- @btnInfoBackgroundHighlight: #2f96b4;
122
+ //** Padding for `<th>`s and `<td>`s.
123
+ @table-cell-padding: 8px;
124
+ //** Padding for cells in `.table-condensed`.
125
+ @table-condensed-cell-padding: 5px;
96
126
 
97
- @btnSuccessBackground: #62c462;
98
- @btnSuccessBackgroundHighlight: #51a351;
127
+ //** Default background color used for all tables.
128
+ @table-bg: transparent;
129
+ //** Background color used for `.table-striped`.
130
+ @table-bg-accent: #f9f9f9;
131
+ //** Background color used for `.table-hover`.
132
+ @table-bg-hover: #f5f5f5;
133
+ @table-bg-active: @table-bg-hover;
99
134
 
100
- @btnWarningBackground: lighten(@orange, 15%);
101
- @btnWarningBackgroundHighlight: @orange;
135
+ //** Border color for table and cell borders.
136
+ @table-border-color: #ddd;
102
137
 
103
- @btnDangerBackground: #ee5f5b;
104
- @btnDangerBackgroundHighlight: #bd362f;
105
138
 
106
- @btnInverseBackground: #444;
107
- @btnInverseBackgroundHighlight: @grayDarker;
139
+ //== Buttons
140
+ //
141
+ //## For each of Bootstrap's buttons, define text, background and border color.
108
142
 
143
+ @btn-font-weight: normal;
109
144
 
110
- // Forms
111
- // -------------------------
112
- @inputBackground: @white;
113
- @inputBorder: #ccc;
114
- @inputBorderRadius: @baseBorderRadius;
115
- @inputDisabledBackground: @grayLighter;
116
- @formActionsBackground: #f5f5f5;
117
- @inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
145
+ @btn-default-color: #333;
146
+ @btn-default-bg: #fff;
147
+ @btn-default-border: #ccc;
118
148
 
149
+ @btn-primary-color: #fff;
150
+ @btn-primary-bg: @brand-primary;
151
+ @btn-primary-border: darken(@btn-primary-bg, 5%);
119
152
 
120
- // Dropdowns
121
- // -------------------------
122
- @dropdownBackground: @white;
123
- @dropdownBorder: rgba(0,0,0,.2);
124
- @dropdownDividerTop: #e5e5e5;
125
- @dropdownDividerBottom: @white;
153
+ @btn-success-color: #fff;
154
+ @btn-success-bg: @brand-success;
155
+ @btn-success-border: darken(@btn-success-bg, 5%);
126
156
 
127
- @dropdownLinkColor: @grayDark;
128
- @dropdownLinkColorHover: @white;
129
- @dropdownLinkColorActive: @white;
157
+ @btn-info-color: #fff;
158
+ @btn-info-bg: @brand-info;
159
+ @btn-info-border: darken(@btn-info-bg, 5%);
130
160
 
131
- @dropdownLinkBackgroundActive: @linkColor;
132
- @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
161
+ @btn-warning-color: #fff;
162
+ @btn-warning-bg: @brand-warning;
163
+ @btn-warning-border: darken(@btn-warning-bg, 5%);
133
164
 
165
+ @btn-danger-color: #fff;
166
+ @btn-danger-bg: @brand-danger;
167
+ @btn-danger-border: darken(@btn-danger-bg, 5%);
134
168
 
169
+ @btn-link-disabled-color: @gray-light;
135
170
 
136
- // COMPONENT VARIABLES
137
- // --------------------------------------------------
138
171
 
172
+ //== Forms
173
+ //
174
+ //##
175
+
176
+ //** `<input>` background color
177
+ @input-bg: #fff;
178
+ //** `<input disabled>` background color
179
+ @input-bg-disabled: @gray-lighter;
180
+
181
+ //** Text color for `<input>`s
182
+ @input-color: @gray;
183
+ //** `<input>` border color
184
+ @input-border: #ccc;
185
+ //** `<input>` border radius
186
+ @input-border-radius: @border-radius-base;
187
+ //** Border color for inputs on focus
188
+ @input-border-focus: #66afe9;
189
+
190
+ //** Placeholder text color
191
+ @input-color-placeholder: #999;
192
+
193
+ //** Default `.form-control` height
194
+ @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
195
+ //** Large `.form-control` height
196
+ @input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
197
+ //** Small `.form-control` height
198
+ @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
199
+
200
+ @legend-color: @gray-dark;
201
+ @legend-border-color: #e5e5e5;
202
+
203
+ //** Background color for textual input addons
204
+ @input-group-addon-bg: @gray-lighter;
205
+ //** Border color for textual input addons
206
+ @input-group-addon-border-color: @input-border;
207
+
208
+
209
+ //== Dropdowns
210
+ //
211
+ //## Dropdown menu container and contents.
139
212
 
140
- // Z-index master list
141
- // -------------------------
142
- // Used for a bird's eye view of components dependent on the z-axis
143
- // Try to avoid customizing these :)
144
- @zindexDropdown: 1000;
145
- @zindexPopover: 1010;
146
- @zindexTooltip: 1030;
147
- @zindexFixedNavbar: 1030;
148
- @zindexModalBackdrop: 1040;
149
- @zindexModal: 1050;
213
+ //** Background for the dropdown menu.
214
+ @dropdown-bg: #fff;
215
+ //** Dropdown menu `border-color`.
216
+ @dropdown-border: rgba(0,0,0,.15);
217
+ //** Dropdown menu `border-color` **for IE8**.
218
+ @dropdown-fallback-border: #ccc;
219
+ //** Divider color for between dropdown items.
220
+ @dropdown-divider-bg: #e5e5e5;
150
221
 
222
+ //** Dropdown link text color.
223
+ @dropdown-link-color: @gray-dark;
224
+ //** Hover color for dropdown links.
225
+ @dropdown-link-hover-color: darken(@gray-dark, 5%);
226
+ //** Hover background for dropdown links.
227
+ @dropdown-link-hover-bg: #f5f5f5;
151
228
 
152
- // Sprite icons path
153
- // -------------------------
154
- @iconSpritePath: "../img/glyphicons-halflings.png";
155
- @iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
229
+ //** Active dropdown menu item text color.
230
+ @dropdown-link-active-color: @component-active-color;
231
+ //** Active dropdown menu item background color.
232
+ @dropdown-link-active-bg: @component-active-bg;
156
233
 
234
+ //** Disabled dropdown menu item background color.
235
+ @dropdown-link-disabled-color: @gray-light;
157
236
 
158
- // Input placeholder text color
159
- // -------------------------
160
- @placeholderText: @grayLight;
237
+ //** Text color for headers within dropdown menus.
238
+ @dropdown-header-color: @gray-light;
161
239
 
240
+ //** Deprecated `@dropdown-caret-color` as of v3.1.0
241
+ @dropdown-caret-color: #000;
162
242
 
163
- // Hr border color
164
- // -------------------------
165
- @hrBorder: @grayLighter;
166
243
 
244
+ //-- Z-index master list
245
+ //
246
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
247
+ // of components dependent on the z-axis and are designed to all work together.
248
+ //
249
+ // Note: These variables are not generated into the Customizer.
167
250
 
168
- // Horizontal forms & lists
169
- // -------------------------
170
- @horizontalComponentOffset: 180px;
251
+ @zindex-navbar: 1000;
252
+ @zindex-dropdown: 1000;
253
+ @zindex-popover: 1060;
254
+ @zindex-tooltip: 1070;
255
+ @zindex-navbar-fixed: 1030;
256
+ @zindex-modal-background: 1040;
257
+ @zindex-modal: 1050;
171
258
 
172
259
 
173
- // Wells
174
- // -------------------------
175
- @wellBackground: #f5f5f5;
260
+ //== Media queries breakpoints
261
+ //
262
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
263
+
264
+ // Extra small screen / phone
265
+ //** Deprecated `@screen-xs` as of v3.0.1
266
+ @screen-xs: 480px;
267
+ //** Deprecated `@screen-xs-min` as of v3.2.0
268
+ @screen-xs-min: @screen-xs;
269
+ //** Deprecated `@screen-phone` as of v3.0.1
270
+ @screen-phone: @screen-xs-min;
271
+
272
+ // Small screen / tablet
273
+ //** Deprecated `@screen-sm` as of v3.0.1
274
+ @screen-sm: 768px;
275
+ @screen-sm-min: @screen-sm;
276
+ //** Deprecated `@screen-tablet` as of v3.0.1
277
+ @screen-tablet: @screen-sm-min;
278
+
279
+ // Medium screen / desktop
280
+ //** Deprecated `@screen-md` as of v3.0.1
281
+ @screen-md: 992px;
282
+ @screen-md-min: @screen-md;
283
+ //** Deprecated `@screen-desktop` as of v3.0.1
284
+ @screen-desktop: @screen-md-min;
285
+
286
+ // Large screen / wide desktop
287
+ //** Deprecated `@screen-lg` as of v3.0.1
288
+ @screen-lg: 1200px;
289
+ @screen-lg-min: @screen-lg;
290
+ //** Deprecated `@screen-lg-desktop` as of v3.0.1
291
+ @screen-lg-desktop: @screen-lg-min;
292
+
293
+ // So media queries don't overlap when required, provide a maximum
294
+ @screen-xs-max: (@screen-sm-min - 1);
295
+ @screen-sm-max: (@screen-md-min - 1);
296
+ @screen-md-max: (@screen-lg-min - 1);
297
+
298
+
299
+ //== Grid system
300
+ //
301
+ //## Define your custom responsive grid.
302
+
303
+ //** Number of columns in the grid.
304
+ @grid-columns: 12;
305
+ //** Padding between columns. Gets divided in half for the left and right.
306
+ @grid-gutter-width: 30px;
307
+ // Navbar collapse
308
+ //** Point at which the navbar becomes uncollapsed.
309
+ @grid-float-breakpoint: @screen-sm-min;
310
+ //** Point at which the navbar begins collapsing.
311
+ @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
312
+
313
+
314
+ //== Container sizes
315
+ //
316
+ //## Define the maximum width of `.container` for different screen sizes.
176
317
 
318
+ // Small screen / tablet
319
+ @container-tablet: ((720px + @grid-gutter-width));
320
+ //** For `@screen-sm-min` and up.
321
+ @container-sm: @container-tablet;
177
322
 
178
- // Navbar
179
- // -------------------------
180
- @navbarCollapseWidth: 979px;
181
- @navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
323
+ // Medium screen / desktop
324
+ @container-desktop: ((940px + @grid-gutter-width));
325
+ //** For `@screen-md-min` and up.
326
+ @container-md: @container-desktop;
182
327
 
183
- @navbarHeight: 40px;
184
- @navbarBackgroundHighlight: #ffffff;
185
- @navbarBackground: darken(@navbarBackgroundHighlight, 5%);
186
- @navbarBorder: darken(@navbarBackground, 12%);
328
+ // Large screen / wide desktop
329
+ @container-large-desktop: ((1140px + @grid-gutter-width));
330
+ //** For `@screen-lg-min` and up.
331
+ @container-lg: @container-large-desktop;
187
332
 
188
- @navbarText: #777;
189
- @navbarLinkColor: #777;
190
- @navbarLinkColorHover: @grayDark;
191
- @navbarLinkColorActive: @gray;
192
- @navbarLinkBackgroundHover: transparent;
193
- @navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
194
333
 
195
- @navbarBrandColor: @navbarLinkColor;
334
+ //== Navbar
335
+ //
336
+ //##
337
+
338
+ // Basics of a navbar
339
+ @navbar-height: 50px;
340
+ @navbar-margin-bottom: @line-height-computed;
341
+ @navbar-border-radius: @border-radius-base;
342
+ @navbar-padding-horizontal: floor((@grid-gutter-width / 2));
343
+ @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
344
+ @navbar-collapse-max-height: 340px;
345
+
346
+ @navbar-default-color: #777;
347
+ @navbar-default-bg: #f8f8f8;
348
+ @navbar-default-border: darken(@navbar-default-bg, 6.5%);
349
+
350
+ // Navbar links
351
+ @navbar-default-link-color: #777;
352
+ @navbar-default-link-hover-color: #333;
353
+ @navbar-default-link-hover-bg: transparent;
354
+ @navbar-default-link-active-color: #555;
355
+ @navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
356
+ @navbar-default-link-disabled-color: #ccc;
357
+ @navbar-default-link-disabled-bg: transparent;
358
+
359
+ // Navbar brand label
360
+ @navbar-default-brand-color: @navbar-default-link-color;
361
+ @navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
362
+ @navbar-default-brand-hover-bg: transparent;
363
+
364
+ // Navbar toggle
365
+ @navbar-default-toggle-hover-bg: #ddd;
366
+ @navbar-default-toggle-icon-bar-bg: #888;
367
+ @navbar-default-toggle-border-color: #ddd;
368
+
196
369
 
197
370
  // Inverted navbar
198
- @navbarInverseBackground: #111111;
199
- @navbarInverseBackgroundHighlight: #222222;
200
- @navbarInverseBorder: #252525;
371
+ // Reset inverted navbar basics
372
+ @navbar-inverse-color: lighten(@gray-light, 12%);
373
+ @navbar-inverse-bg: #222;
374
+ @navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
375
+
376
+ // Inverted navbar links
377
+ @navbar-inverse-link-color: @gray-light;
378
+ @navbar-inverse-link-hover-color: #fff;
379
+ @navbar-inverse-link-hover-bg: transparent;
380
+ @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
381
+ @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
382
+ @navbar-inverse-link-disabled-color: #444;
383
+ @navbar-inverse-link-disabled-bg: transparent;
384
+
385
+ // Inverted navbar brand label
386
+ @navbar-inverse-brand-color: @navbar-inverse-link-color;
387
+ @navbar-inverse-brand-hover-color: #fff;
388
+ @navbar-inverse-brand-hover-bg: transparent;
389
+
390
+ // Inverted navbar toggle
391
+ @navbar-inverse-toggle-hover-bg: #333;
392
+ @navbar-inverse-toggle-icon-bar-bg: #fff;
393
+ @navbar-inverse-toggle-border-color: #333;
394
+
395
+
396
+ //== Navs
397
+ //
398
+ //##
201
399
 
202
- @navbarInverseText: @grayLight;
203
- @navbarInverseLinkColor: @grayLight;
204
- @navbarInverseLinkColorHover: @white;
205
- @navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
206
- @navbarInverseLinkBackgroundHover: transparent;
207
- @navbarInverseLinkBackgroundActive: @navbarInverseBackground;
400
+ //=== Shared nav styles
401
+ @nav-link-padding: 10px 15px;
402
+ @nav-link-hover-bg: @gray-lighter;
208
403
 
209
- @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
210
- @navbarInverseSearchBackgroundFocus: @white;
211
- @navbarInverseSearchBorder: @navbarInverseBackground;
212
- @navbarInverseSearchPlaceholderColor: #ccc;
404
+ @nav-disabled-link-color: @gray-light;
405
+ @nav-disabled-link-hover-color: @gray-light;
213
406
 
214
- @navbarInverseBrandColor: @navbarInverseLinkColor;
407
+ @nav-open-link-hover-color: #fff;
215
408
 
409
+ //== Tabs
410
+ @nav-tabs-border-color: #ddd;
216
411
 
217
- // Pagination
218
- // -------------------------
219
- @paginationBackground: #fff;
220
- @paginationBorder: #ddd;
221
- @paginationActiveBackground: #f5f5f5;
412
+ @nav-tabs-link-hover-border-color: @gray-lighter;
222
413
 
414
+ @nav-tabs-active-link-hover-bg: @body-bg;
415
+ @nav-tabs-active-link-hover-color: @gray;
416
+ @nav-tabs-active-link-hover-border-color: #ddd;
223
417
 
224
- // Hero unit
225
- // -------------------------
226
- @heroUnitBackground: @grayLighter;
227
- @heroUnitHeadingColor: inherit;
228
- @heroUnitLeadColor: inherit;
418
+ @nav-tabs-justified-link-border-color: #ddd;
419
+ @nav-tabs-justified-active-link-border-color: @body-bg;
229
420
 
421
+ //== Pills
422
+ @nav-pills-border-radius: @border-radius-base;
423
+ @nav-pills-active-link-hover-bg: @component-active-bg;
424
+ @nav-pills-active-link-hover-color: @component-active-color;
230
425
 
231
- // Form states and alerts
232
- // -------------------------
233
- @warningText: #c09853;
234
- @warningBackground: #fcf8e3;
235
- @warningBorder: darken(spin(@warningBackground, -10), 3%);
236
426
 
237
- @errorText: #b94a48;
238
- @errorBackground: #f2dede;
239
- @errorBorder: darken(spin(@errorBackground, -10), 3%);
427
+ //== Pagination
428
+ //
429
+ //##
240
430
 
241
- @successText: #468847;
242
- @successBackground: #dff0d8;
243
- @successBorder: darken(spin(@successBackground, -10), 5%);
431
+ @pagination-color: @link-color;
432
+ @pagination-bg: #fff;
433
+ @pagination-border: #ddd;
244
434
 
245
- @infoText: #3a87ad;
246
- @infoBackground: #d9edf7;
247
- @infoBorder: darken(spin(@infoBackground, -10), 7%);
435
+ @pagination-hover-color: @link-hover-color;
436
+ @pagination-hover-bg: @gray-lighter;
437
+ @pagination-hover-border: #ddd;
248
438
 
439
+ @pagination-active-color: #fff;
440
+ @pagination-active-bg: @brand-primary;
441
+ @pagination-active-border: @brand-primary;
249
442
 
250
- // Tooltips and popovers
251
- // -------------------------
252
- @tooltipColor: #fff;
253
- @tooltipBackground: #000;
254
- @tooltipArrowWidth: 5px;
255
- @tooltipArrowColor: @tooltipBackground;
443
+ @pagination-disabled-color: @gray-light;
444
+ @pagination-disabled-bg: #fff;
445
+ @pagination-disabled-border: #ddd;
256
446
 
257
- @popoverBackground: #fff;
258
- @popoverArrowWidth: 10px;
259
- @popoverArrowColor: #fff;
260
- @popoverTitleBackground: darken(@popoverBackground, 3%);
261
447
 
262
- // Special enhancement for popovers
263
- @popoverArrowOuterWidth: @popoverArrowWidth + 1;
264
- @popoverArrowOuterColor: rgba(0,0,0,.25);
448
+ //== Pager
449
+ //
450
+ //##
265
451
 
452
+ @pager-bg: @pagination-bg;
453
+ @pager-border: @pagination-border;
454
+ @pager-border-radius: 15px;
266
455
 
456
+ @pager-hover-bg: @pagination-hover-bg;
267
457
 
268
- // GRID
269
- // --------------------------------------------------
458
+ @pager-active-bg: @pagination-active-bg;
459
+ @pager-active-color: @pagination-active-color;
270
460
 
461
+ @pager-disabled-color: @pagination-disabled-color;
271
462
 
272
- // Default 940px grid
273
- // -------------------------
274
- @gridColumns: 12;
275
- @gridColumnWidth: 60px;
276
- @gridGutterWidth: 20px;
277
- @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
278
463
 
279
- // 1200px min
280
- @gridColumnWidth1200: 70px;
281
- @gridGutterWidth1200: 30px;
282
- @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
464
+ //== Jumbotron
465
+ //
466
+ //##
467
+
468
+ @jumbotron-padding: 30px;
469
+ @jumbotron-color: inherit;
470
+ @jumbotron-bg: @gray-lighter;
471
+ @jumbotron-heading-color: inherit;
472
+ @jumbotron-font-size: ceil((@font-size-base * 1.5));
473
+
474
+
475
+ //== Form states and alerts
476
+ //
477
+ //## Define colors for form feedback states and, by default, alerts.
478
+
479
+ @state-success-text: #3c763d;
480
+ @state-success-bg: #dff0d8;
481
+ @state-success-border: darken(spin(@state-success-bg, -10), 5%);
482
+
483
+ @state-info-text: #31708f;
484
+ @state-info-bg: #d9edf7;
485
+ @state-info-border: darken(spin(@state-info-bg, -10), 7%);
486
+
487
+ @state-warning-text: #8a6d3b;
488
+ @state-warning-bg: #fcf8e3;
489
+ @state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
490
+
491
+ @state-danger-text: #a94442;
492
+ @state-danger-bg: #f2dede;
493
+ @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
494
+
495
+
496
+ //== Tooltips
497
+ //
498
+ //##
499
+
500
+ //** Tooltip max width
501
+ @tooltip-max-width: 200px;
502
+ //** Tooltip text color
503
+ @tooltip-color: #fff;
504
+ //** Tooltip background color
505
+ @tooltip-bg: #000;
506
+ @tooltip-opacity: .9;
283
507
 
284
- // 768px-979px
285
- @gridColumnWidth768: 42px;
286
- @gridGutterWidth768: 20px;
287
- @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
508
+ //** Tooltip arrow width
509
+ @tooltip-arrow-width: 5px;
510
+ //** Tooltip arrow color
511
+ @tooltip-arrow-color: @tooltip-bg;
288
512
 
289
513
 
290
- // Fluid grid
291
- // -------------------------
292
- @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
293
- @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
514
+ //== Popovers
515
+ //
516
+ //##
517
+
518
+ //** Popover body background color
519
+ @popover-bg: #fff;
520
+ //** Popover maximum width
521
+ @popover-max-width: 276px;
522
+ //** Popover border color
523
+ @popover-border-color: rgba(0,0,0,.2);
524
+ //** Popover fallback border color
525
+ @popover-fallback-border-color: #ccc;
526
+
527
+ //** Popover title background color
528
+ @popover-title-bg: darken(@popover-bg, 3%);
529
+
530
+ //** Popover arrow width
531
+ @popover-arrow-width: 10px;
532
+ //** Popover arrow color
533
+ @popover-arrow-color: #fff;
534
+
535
+ //** Popover outer arrow width
536
+ @popover-arrow-outer-width: (@popover-arrow-width + 1);
537
+ //** Popover outer arrow color
538
+ @popover-arrow-outer-color: fadein(@popover-border-color, 5%);
539
+ //** Popover outer arrow fallback color
540
+ @popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
541
+
542
+
543
+ //== Labels
544
+ //
545
+ //##
546
+
547
+ //** Default label background color
548
+ @label-default-bg: @gray-light;
549
+ //** Primary label background color
550
+ @label-primary-bg: @brand-primary;
551
+ //** Success label background color
552
+ @label-success-bg: @brand-success;
553
+ //** Info label background color
554
+ @label-info-bg: @brand-info;
555
+ //** Warning label background color
556
+ @label-warning-bg: @brand-warning;
557
+ //** Danger label background color
558
+ @label-danger-bg: @brand-danger;
559
+
560
+ //** Default label text color
561
+ @label-color: #fff;
562
+ //** Default text color of a linked label
563
+ @label-link-hover-color: #fff;
564
+
565
+
566
+ //== Modals
567
+ //
568
+ //##
569
+
570
+ //** Padding applied to the modal body
571
+ @modal-inner-padding: 15px;
572
+
573
+ //** Padding applied to the modal title
574
+ @modal-title-padding: 15px;
575
+ //** Modal title line-height
576
+ @modal-title-line-height: @line-height-base;
577
+
578
+ //** Background color of modal content area
579
+ @modal-content-bg: #fff;
580
+ //** Modal content border color
581
+ @modal-content-border-color: rgba(0,0,0,.2);
582
+ //** Modal content border color **for IE8**
583
+ @modal-content-fallback-border-color: #999;
584
+
585
+ //** Modal backdrop background color
586
+ @modal-backdrop-bg: #000;
587
+ //** Modal backdrop opacity
588
+ @modal-backdrop-opacity: .5;
589
+ //** Modal header border color
590
+ @modal-header-border-color: #e5e5e5;
591
+ //** Modal footer border color
592
+ @modal-footer-border-color: @modal-header-border-color;
593
+
594
+ @modal-lg: 900px;
595
+ @modal-md: 600px;
596
+ @modal-sm: 300px;
597
+
598
+
599
+ //== Alerts
600
+ //
601
+ //## Define alert colors, border radius, and padding.
602
+
603
+ @alert-padding: 15px;
604
+ @alert-border-radius: @border-radius-base;
605
+ @alert-link-font-weight: bold;
606
+
607
+ @alert-success-bg: @state-success-bg;
608
+ @alert-success-text: @state-success-text;
609
+ @alert-success-border: @state-success-border;
610
+
611
+ @alert-info-bg: @state-info-bg;
612
+ @alert-info-text: @state-info-text;
613
+ @alert-info-border: @state-info-border;
614
+
615
+ @alert-warning-bg: @state-warning-bg;
616
+ @alert-warning-text: @state-warning-text;
617
+ @alert-warning-border: @state-warning-border;
618
+
619
+ @alert-danger-bg: @state-danger-bg;
620
+ @alert-danger-text: @state-danger-text;
621
+ @alert-danger-border: @state-danger-border;
622
+
623
+
624
+ //== Progress bars
625
+ //
626
+ //##
627
+
628
+ //** Background color of the whole progress component
629
+ @progress-bg: #f5f5f5;
630
+ //** Progress bar text color
631
+ @progress-bar-color: #fff;
632
+
633
+ //** Default progress bar color
634
+ @progress-bar-bg: @brand-primary;
635
+ //** Success progress bar color
636
+ @progress-bar-success-bg: @brand-success;
637
+ //** Warning progress bar color
638
+ @progress-bar-warning-bg: @brand-warning;
639
+ //** Danger progress bar color
640
+ @progress-bar-danger-bg: @brand-danger;
641
+ //** Info progress bar color
642
+ @progress-bar-info-bg: @brand-info;
643
+
644
+
645
+ //== List group
646
+ //
647
+ //##
648
+
649
+ //** Background color on `.list-group-item`
650
+ @list-group-bg: #fff;
651
+ //** `.list-group-item` border color
652
+ @list-group-border: #ddd;
653
+ //** List group border radius
654
+ @list-group-border-radius: @border-radius-base;
655
+
656
+ //** Background color of single list items on hover
657
+ @list-group-hover-bg: #f5f5f5;
658
+ //** Text color of active list items
659
+ @list-group-active-color: @component-active-color;
660
+ //** Background color of active list items
661
+ @list-group-active-bg: @component-active-bg;
662
+ //** Border color of active list elements
663
+ @list-group-active-border: @list-group-active-bg;
664
+ //** Text color for content within active list items
665
+ @list-group-active-text-color: lighten(@list-group-active-bg, 40%);
666
+
667
+ //** Text color of disabled list items
668
+ @list-group-disabled-color: @gray-light;
669
+ //** Background color of disabled list items
670
+ @list-group-disabled-bg: @gray-lighter;
671
+ //** Text color for content within disabled list items
672
+ @list-group-disabled-text-color: @list-group-disabled-color;
673
+
674
+ @list-group-link-color: #555;
675
+ @list-group-link-hover-color: @list-group-link-color;
676
+ @list-group-link-heading-color: #333;
677
+
678
+
679
+ //== Panels
680
+ //
681
+ //##
682
+
683
+ @panel-bg: #fff;
684
+ @panel-body-padding: 15px;
685
+ @panel-heading-padding: 10px 15px;
686
+ @panel-footer-padding: @panel-heading-padding;
687
+ @panel-border-radius: @border-radius-base;
688
+
689
+ //** Border color for elements within panels
690
+ @panel-inner-border: #ddd;
691
+ @panel-footer-bg: #f5f5f5;
692
+
693
+ @panel-default-text: @gray-dark;
694
+ @panel-default-border: #ddd;
695
+ @panel-default-heading-bg: #f5f5f5;
696
+
697
+ @panel-primary-text: #fff;
698
+ @panel-primary-border: @brand-primary;
699
+ @panel-primary-heading-bg: @brand-primary;
700
+
701
+ @panel-success-text: @state-success-text;
702
+ @panel-success-border: @state-success-border;
703
+ @panel-success-heading-bg: @state-success-bg;
704
+
705
+ @panel-info-text: @state-info-text;
706
+ @panel-info-border: @state-info-border;
707
+ @panel-info-heading-bg: @state-info-bg;
708
+
709
+ @panel-warning-text: @state-warning-text;
710
+ @panel-warning-border: @state-warning-border;
711
+ @panel-warning-heading-bg: @state-warning-bg;
712
+
713
+ @panel-danger-text: @state-danger-text;
714
+ @panel-danger-border: @state-danger-border;
715
+ @panel-danger-heading-bg: @state-danger-bg;
716
+
717
+
718
+ //== Thumbnails
719
+ //
720
+ //##
721
+
722
+ //** Padding around the thumbnail image
723
+ @thumbnail-padding: 4px;
724
+ //** Thumbnail background color
725
+ @thumbnail-bg: @body-bg;
726
+ //** Thumbnail border color
727
+ @thumbnail-border: #ddd;
728
+ //** Thumbnail border radius
729
+ @thumbnail-border-radius: @border-radius-base;
730
+
731
+ //** Custom text color for thumbnail captions
732
+ @thumbnail-caption-color: @text-color;
733
+ //** Padding around the thumbnail caption
734
+ @thumbnail-caption-padding: 9px;
735
+
736
+
737
+ //== Wells
738
+ //
739
+ //##
740
+
741
+ @well-bg: #f5f5f5;
742
+ @well-border: darken(@well-bg, 7%);
743
+
744
+
745
+ //== Badges
746
+ //
747
+ //##
748
+
749
+ @badge-color: #fff;
750
+ //** Linked badge text color on hover
751
+ @badge-link-hover-color: #fff;
752
+ @badge-bg: @gray-light;
753
+
754
+ //** Badge text color in active nav link
755
+ @badge-active-color: @link-color;
756
+ //** Badge background color in active nav link
757
+ @badge-active-bg: #fff;
758
+
759
+ @badge-font-weight: bold;
760
+ @badge-line-height: 1;
761
+ @badge-border-radius: 10px;
762
+
763
+
764
+ //== Breadcrumbs
765
+ //
766
+ //##
767
+
768
+ @breadcrumb-padding-vertical: 8px;
769
+ @breadcrumb-padding-horizontal: 15px;
770
+ //** Breadcrumb background color
771
+ @breadcrumb-bg: #f5f5f5;
772
+ //** Breadcrumb text color
773
+ @breadcrumb-color: #ccc;
774
+ //** Text color of current page in the breadcrumb
775
+ @breadcrumb-active-color: @gray-light;
776
+ //** Textual separator for between breadcrumb elements
777
+ @breadcrumb-separator: "/";
778
+
779
+
780
+ //== Carousel
781
+ //
782
+ //##
783
+
784
+ @carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
785
+
786
+ @carousel-control-color: #fff;
787
+ @carousel-control-width: 15%;
788
+ @carousel-control-opacity: .5;
789
+ @carousel-control-font-size: 20px;
790
+
791
+ @carousel-indicator-active-bg: #fff;
792
+ @carousel-indicator-border-color: #fff;
793
+
794
+ @carousel-caption-color: #fff;
795
+
796
+
797
+ //== Close
798
+ //
799
+ //##
800
+
801
+ @close-font-weight: bold;
802
+ @close-color: #000;
803
+ @close-text-shadow: 0 1px 0 #fff;
804
+
805
+
806
+ //== Code
807
+ //
808
+ //##
809
+
810
+ @code-color: #c7254e;
811
+ @code-bg: #f9f2f4;
812
+
813
+ @kbd-color: #fff;
814
+ @kbd-bg: #333;
815
+
816
+ @pre-bg: #f5f5f5;
817
+ @pre-color: @gray-dark;
818
+ @pre-border-color: #ccc;
819
+ @pre-scrollable-max-height: 340px;
820
+
821
+
822
+ //== Type
823
+ //
824
+ //##
825
+
826
+ //** Horizontal offset for forms and lists.
827
+ @component-offset-horizontal: 180px;
828
+ //** Text muted color
829
+ @text-muted: @gray-light;
830
+ //** Abbreviations and acronyms border color
831
+ @abbr-border-color: @gray-light;
832
+ //** Headings small color
833
+ @headings-small-color: @gray-light;
834
+ //** Blockquote small color
835
+ @blockquote-small-color: @gray-light;
836
+ //** Blockquote font size
837
+ @blockquote-font-size: (@font-size-base * 1.25);
838
+ //** Blockquote border color
839
+ @blockquote-border-color: @gray-lighter;
840
+ //** Page header border color
841
+ @page-header-border-color: @gray-lighter;
842
+ //** Width of horizontal description list titles
843
+ @dl-horizontal-offset: @component-offset-horizontal;
844
+ //** Horizontal line color.
845
+ @hr-border: @gray-lighter;
294
846
 
295
- // 1200px min
296
- @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
297
- @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
298
847
 
299
- // 768px-979px
300
- @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
301
- @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);