bootstrap-generators 3.0.2.2 → 3.1.0

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