magic_stylez 0.0.0.27 → 0.0.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +24 -2
  3. data/lib/generators/magic_stylez/install_generator.rb +56 -0
  4. data/lib/magic_stylez/version.rb +1 -1
  5. data/test/dummy/app/assets/javascripts/views/app/start.jst.eco +43 -15
  6. data/test/dummy/app/assets/javascripts/views/content/{_box.jst.eco → box.jst.eco} +0 -0
  7. data/test/dummy/app/assets/javascripts/views/elements/buttons.jst.eco +8 -8
  8. data/test/dummy/app/assets/javascripts/views/elements/circle_diagram.jst.eco +7 -2
  9. data/test/dummy/app/assets/javascripts/views/elements/inputs.jst.eco +6 -6
  10. data/test/dummy/app/assets/javascripts/views/helper/arrow_infos.jst.eco +7 -4
  11. data/test/dummy/app/assets/javascripts/views/helper/crossed_text.jst.eco +8 -1
  12. data/test/dummy/app/assets/javascripts/views/helper/divider.jst.eco +12 -5
  13. data/test/dummy/app/assets/javascripts/views/helper/three_previews.jst.eco +8 -1
  14. data/test/dummy/app/assets/javascripts/views/icons/glyphicons.jst.eco +8 -1
  15. data/test/dummy/app/assets/javascripts/views/icons/icomoon.jst.eco +8 -1
  16. data/test/dummy/app/assets/javascripts/views/icons/magicons.jst.eco +8 -1
  17. data/test/dummy/app/assets/javascripts/views/icons/olicons.jst.eco +8 -1
  18. data/test/dummy/app/assets/stylesheets/application.css.scss +1 -3
  19. data/{vendor/assets/stylesheets/magic → test/dummy/app/assets/stylesheets}/corporate/_colors.scss +28 -22
  20. data/{vendor/assets/stylesheets/magic → test/dummy/app/assets/stylesheets}/corporate/_fonts.scss +5 -0
  21. data/{vendor/assets/stylesheets/magic → test/dummy/app/assets/stylesheets}/corporate/_typo.scss +14 -8
  22. data/{vendor/assets/stylesheets/magic → test/dummy/app/assets/stylesheets}/corporate/_variables.scss +6 -0
  23. data/test/dummy/app/views/front/_aside.html.erb +3 -1
  24. data/test/dummy/app/views/front/start.html.erb +49 -27
  25. data/test/dummy/app/views/templates/fixed-header.html.erb +4 -4
  26. data/test/dummy/public/html/{fixed-header.html.erb → fixed-header.html} +6 -6
  27. data/test/dummy/public/html/index.html +65 -45
  28. data/test/dummy/public/html/{responsive-slidebar.html.erb → responsive-slidebar.html} +2 -2
  29. data/vendor/assets/stylesheets/corporate/_colors.scss +285 -0
  30. data/vendor/assets/stylesheets/corporate/_fonts.scss +157 -0
  31. data/vendor/assets/stylesheets/corporate/_typo.scss +85 -0
  32. data/vendor/assets/stylesheets/corporate/_variables.scss +640 -0
  33. data/vendor/assets/stylesheets/magic-min.scss +62 -0
  34. data/vendor/assets/stylesheets/magic/content/_buttons.scss +25 -1
  35. data/vendor/assets/stylesheets/magic/content/_forms.scss +25 -0
  36. data/vendor/assets/stylesheets/magic/content/_inputs.scss +4 -0
  37. data/vendor/assets/stylesheets/magic/content/_navbar.scss +67 -0
  38. data/vendor/assets/stylesheets/magic/helper/_divider.scss +48 -20
  39. data/vendor/assets/stylesheets/magic/layout/_section.scss +33 -32
  40. data/vendor/assets/stylesheets/magic/lib/_helper.scss +68 -0
  41. data/vendor/assets/stylesheets/magic/lib/_twbs.scss +4 -4
  42. metadata +21 -11
@@ -0,0 +1,85 @@
1
+ //
2
+ // Magic-Stylez - Typo
3
+ //
4
+ // if you like to change values, remove the '!default' flag!
5
+ //
6
+ //
7
+ //== Typography
8
+ //
9
+ //## Font, line-height, and color for body text, headings, and more.
10
+
11
+ // $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
12
+ $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
13
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
14
+ $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
15
+ // $font-family-base: $font-family-sans-serif !default;
16
+
17
+
18
+ $font-family-sans-serif: $readFont;
19
+ $font-family-base: $smallReadFont;
20
+
21
+
22
+ $font-size-base: 15px !default;
23
+ $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
24
+ $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
25
+
26
+ $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
27
+ $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
28
+ $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
29
+ $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
30
+ $font-size-h5: $font-size-base !default;
31
+ $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
32
+
33
+ //** Unit-less `line-height` for use in components like buttons.
34
+ $line-height-base: 1.428571429 !default; // 20/14
35
+ $line-height-large: 1.33 !default;
36
+ $line-height-small: 1.5 !default;
37
+
38
+
39
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
40
+ $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
41
+ $line-height-computed-lg: floor(($font-size-large * $line-height-large)) !default; // ~20px
42
+ $line-height-computed-sm: floor(($font-size-small * $line-height-small)) !default; // ~20px
43
+ $line-height-computed-xs: floor(($font-size-small * $line-height-small)) !default; // ~20px
44
+
45
+ //** By default, this inherits from the `<body>`.
46
+ // $headings-font-family: inherit !default;
47
+ $headings-font-family: $bigFont;
48
+ $headings-font-weight: 500 !default;
49
+ $headings-line-height: 1.1 !default;
50
+ $headings-color: inherit !default;
51
+
52
+
53
+ //== Buttons
54
+
55
+ $btn-font-weight: normal !default;
56
+
57
+
58
+ $loud-factor: 1.25;
59
+
60
+ h1.loud, .h1.loud { font-size: ceil($font-size-h1 * $loud-factor); }
61
+ h2.loud, .h2.loud { font-size: ceil($font-size-h2 * $loud-factor); }
62
+ h3.loud, .h3.loud { font-size: ceil($font-size-h3 * $loud-factor); }
63
+ h4.loud, .h4.loud { font-size: ceil($font-size-h4 * $loud-factor); }
64
+ h5.loud, .h5.loud { font-size: ceil($font-size-h5 * $loud-factor); }
65
+ h6.loud, .h6.loud { font-size: ceil($font-size-h6 * $loud-factor); }
66
+
67
+
68
+ div, ul, ol, li, p, span {
69
+ &.loud {
70
+ @include sansCondensedThin;
71
+ font-size: ceil($font-size-base * $loud-factor);
72
+ }
73
+ &.highlight {
74
+ @include sansCondensedThin;
75
+ font-weight: 600;
76
+ font-size: ceil($font-size-base * $loud-factor);
77
+ }
78
+ }
79
+
80
+ ul, ol, li, p, span, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
81
+ &.brand { color: $brand-color; }
82
+ }
83
+
84
+
85
+
@@ -0,0 +1,640 @@
1
+ //
2
+ // Magic-Stylez - variables (everything else)
3
+ //
4
+ // if you like to change values, remove the '!default' flag!
5
+ //
6
+ //
7
+ // a flag to toggle asset pipeline / compass integration
8
+ // defaults to true if twbs-font-path function is present (no function => twbs-font-path('') parsed as string == right side)
9
+ // in Sass 3.3 this can be improved with: function-exists(twbs-font-path)
10
+ $bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default;
11
+ $magic-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default;
12
+ //
13
+ // Variables
14
+ // --------------------------------------------------
15
+
16
+
17
+ //== Iconography
18
+ //
19
+ //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
20
+
21
+ //** Load fonts from this directory.
22
+ $icon-font-path: "bootstrap/" !default;
23
+ //** File name for all font files.
24
+ $icon-font-name: "glyphicons-halflings-regular" !default;
25
+ //** Element ID within SVG icon file.
26
+ $icon-font-svg-id: "glyphicons_halflingsregular" !default;
27
+
28
+
29
+ //== Components
30
+ //
31
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
32
+
33
+ $padding-base-vertical: 6px !default;
34
+ $padding-base-horizontal: 12px !default;
35
+
36
+ $padding-large-vertical: 10px !default;
37
+ $padding-large-horizontal: 16px !default;
38
+
39
+ $padding-small-vertical: 5px !default;
40
+ $padding-small-horizontal: 10px !default;
41
+
42
+ $padding-xs-vertical: 1px !default;
43
+ $padding-xs-horizontal: 5px !default;
44
+
45
+ $border-radius-base: 4px !default;
46
+ $border-radius-large: 6px !default;
47
+ $border-radius-small: 3px !default;
48
+
49
+
50
+ //** Width of the `border` for generating carets that indicator dropdowns.
51
+ $caret-width-base: 4px !default;
52
+ //** Carets increase slightly in size for larger components.
53
+ $caret-width-large: 5px !default;
54
+
55
+
56
+ //== Tables
57
+ //
58
+ //## Customizes the `.table` component with basic values, each used across all table variations.
59
+
60
+ //** Padding for `<th>`s and `<td>`s.
61
+ $table-cell-padding: 8px !default;
62
+ //** Padding for cells in `.table-condensed`.
63
+ $table-condensed-cell-padding: 5px !default;
64
+
65
+
66
+ //== Forms
67
+ //
68
+ //##
69
+ //** `<input>` border radius
70
+ $input-border-radius: $border-radius-base !default;
71
+ //** Default `.form-control` height
72
+ $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
73
+ //** Large `.form-control` height
74
+ $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
75
+ //** Small `.form-control` height
76
+ $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
77
+ $input-height-xs: (floor($font-size-small * $line-height-small) + ($padding-xs-vertical * 2) + 2) !default;
78
+
79
+
80
+
81
+ //-- Z-index master list
82
+ //
83
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
84
+ // of components dependent on the z-axis and are designed to all work together.
85
+ //
86
+ // Note: These variables are not generated into the Customizer.
87
+
88
+ $zindex-navbar: 1000 !default;
89
+ $zindex-dropdown: 1000 !default;
90
+ $zindex-popover: 1060 !default;
91
+ $zindex-tooltip: 1070 !default;
92
+ $zindex-navbar-fixed: 1030 !default;
93
+ $zindex-modal-background: 1040 !default;
94
+ $zindex-modal: 1050 !default;
95
+
96
+
97
+ //== Media queries breakpoints
98
+ //
99
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
100
+
101
+ // Extra small screen / phone
102
+ //** Deprecated `$screen-xs` as of v3.0.1
103
+ $screen-xs: 480px !default;
104
+ //** Deprecated `$screen-xs-min` as of v3.2.0
105
+ $screen-xs-min: $screen-xs !default;
106
+ //** Deprecated `$screen-phone` as of v3.0.1
107
+ $screen-phone: $screen-xs-min !default;
108
+
109
+ // Small screen / tablet
110
+ //** Deprecated `$screen-sm` as of v3.0.1
111
+ $screen-sm: 768px !default;
112
+ $screen-sm-min: $screen-sm !default;
113
+ //** Deprecated `$screen-tablet` as of v3.0.1
114
+ $screen-tablet: $screen-sm-min !default;
115
+
116
+ // Medium screen / desktop
117
+ //** Deprecated `$screen-md` as of v3.0.1
118
+ $screen-md: 992px !default;
119
+ $screen-md-min: $screen-md !default;
120
+ //** Deprecated `$screen-desktop` as of v3.0.1
121
+ $screen-desktop: $screen-md-min !default;
122
+
123
+ // Large screen / wide desktop
124
+ //** Deprecated `$screen-lg` as of v3.0.1
125
+ $screen-lg: 1200px !default;
126
+ $screen-lg-min: $screen-lg !default;
127
+ //** Deprecated `$screen-lg-desktop` as of v3.0.1
128
+ $screen-lg-desktop: $screen-lg-min !default;
129
+
130
+ // So media queries don't overlap when required, provide a maximum
131
+ $screen-xs-max: ($screen-sm-min - 1) !default;
132
+ $screen-sm-max: ($screen-md-min - 1) !default;
133
+ $screen-md-max: ($screen-lg-min - 1) !default;
134
+
135
+
136
+ //== Grid system
137
+ //
138
+ //## Define your custom responsive grid.
139
+
140
+ //** Number of columns in the grid.
141
+ $grid-columns: 12 !default;
142
+ //** Padding between columns. Gets divided in half for the left and right.
143
+ $grid-gutter-width: 30px !default;
144
+ // Navbar collapse
145
+ //** Point at which the navbar becomes uncollapsed.
146
+ $grid-float-breakpoint: $screen-sm-min !default;
147
+ //** Point at which the navbar begins collapsing.
148
+ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
149
+
150
+
151
+ //== Container sizes
152
+ //
153
+ //## Define the maximum width of `.container` for different screen sizes.
154
+
155
+ // Small screen / tablet
156
+ $container-tablet: ((720px + $grid-gutter-width)) !default;
157
+ //** For `$screen-sm-min` and up.
158
+ $container-sm: $container-tablet !default;
159
+
160
+ // Medium screen / desktop
161
+ $container-desktop: ((940px + $grid-gutter-width)) !default;
162
+ //** For `$screen-md-min` and up.
163
+ $container-md: $container-desktop !default;
164
+
165
+ // Large screen / wide desktop
166
+ $container-large-desktop: ((1140px + $grid-gutter-width)) !default;
167
+ //** For `$screen-lg-min` and up.
168
+ $container-lg: $container-large-desktop !default;
169
+
170
+
171
+ //== Navbar
172
+ //
173
+ //##
174
+
175
+ // Basics of a navbar
176
+ $navbar-height: 50px !default;
177
+ $navbar-margin-bottom: $line-height-computed !default;
178
+ $navbar-border-radius: $border-radius-base !default;
179
+ $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
180
+ $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
181
+ $navbar-collapse-max-height: 340px !default;
182
+
183
+
184
+
185
+
186
+ //== Navs
187
+ //
188
+ //##
189
+
190
+ //=== Shared nav styles
191
+ $nav-link-padding: 10px 15px !default;
192
+ $nav-link-hover-bg: $gray-lighter !default;
193
+
194
+ $nav-disabled-link-color: $gray-light !default;
195
+ $nav-disabled-link-hover-color: $gray-light !default;
196
+
197
+ $nav-open-link-hover-color: #fff !default;
198
+
199
+ //== Tabs
200
+ $nav-tabs-border-color: #ddd !default;
201
+
202
+ $nav-tabs-link-hover-border-color: $gray-lighter !default;
203
+
204
+ $nav-tabs-active-link-hover-bg: $body-bg !default;
205
+ $nav-tabs-active-link-hover-color: $gray !default;
206
+ $nav-tabs-active-link-hover-border-color: #ddd !default;
207
+
208
+ $nav-tabs-justified-link-border-color: #ddd !default;
209
+ $nav-tabs-justified-active-link-border-color: $body-bg !default;
210
+
211
+ //== Pills
212
+ $nav-pills-border-radius: $border-radius-base !default;
213
+ $nav-pills-active-link-hover-bg: $component-active-bg !default;
214
+ $nav-pills-active-link-hover-color: $component-active-color !default;
215
+
216
+
217
+ //== Pagination
218
+ //
219
+ //##
220
+
221
+ $pagination-color: $link-color !default;
222
+ $pagination-bg: #fff !default;
223
+ $pagination-border: #ddd !default;
224
+
225
+ $pagination-hover-color: $link-hover-color !default;
226
+ $pagination-hover-bg: $gray-lighter !default;
227
+ $pagination-hover-border: #ddd !default;
228
+
229
+ $pagination-active-color: #fff !default;
230
+ $pagination-active-bg: $brand-primary !default;
231
+ $pagination-active-border: $brand-primary !default;
232
+
233
+ $pagination-disabled-color: $gray-light !default;
234
+ $pagination-disabled-bg: #fff !default;
235
+ $pagination-disabled-border: #ddd !default;
236
+
237
+
238
+ //== Pager
239
+ //
240
+ //##
241
+
242
+ $pager-bg: $pagination-bg !default;
243
+ $pager-border: $pagination-border !default;
244
+ $pager-border-radius: 15px !default;
245
+
246
+ $pager-hover-bg: $pagination-hover-bg !default;
247
+
248
+ $pager-active-bg: $pagination-active-bg !default;
249
+ $pager-active-color: $pagination-active-color !default;
250
+
251
+ $pager-disabled-color: $pagination-disabled-color !default;
252
+
253
+
254
+ //== Jumbotron
255
+ //
256
+ //##
257
+
258
+ $jumbotron-padding: 30px !default;
259
+ $jumbotron-color: inherit !default;
260
+ $jumbotron-bg: $gray-lighter !default;
261
+ $jumbotron-heading-color: inherit !default;
262
+ $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
263
+
264
+
265
+ //== Form states and alerts
266
+ //
267
+ //## Define colors for form feedback states and, by default, alerts.
268
+
269
+ $state-success-text: #3c763d !default;
270
+ $state-success-bg: #dff0d8 !default;
271
+ $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
272
+
273
+ $state-info-text: #31708f !default;
274
+ $state-info-bg: #d9edf7 !default;
275
+ $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
276
+
277
+ $state-warning-text: #8a6d3b !default;
278
+ $state-warning-bg: #fcf8e3 !default;
279
+ $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
280
+
281
+ $state-danger-text: #a94442 !default;
282
+ $state-danger-bg: #f2dede !default;
283
+ $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
284
+
285
+
286
+ //== Tooltips
287
+ //
288
+ //##
289
+
290
+ //** Tooltip max width
291
+ $tooltip-max-width: 200px !default;
292
+ //** Tooltip text color
293
+ $tooltip-color: #fff !default;
294
+ //** Tooltip background color
295
+ $tooltip-bg: #000 !default;
296
+ $tooltip-opacity: .9 !default;
297
+
298
+ //** Tooltip arrow width
299
+ $tooltip-arrow-width: 5px !default;
300
+ //** Tooltip arrow color
301
+ $tooltip-arrow-color: $tooltip-bg !default;
302
+
303
+
304
+ //== Popovers
305
+ //
306
+ //##
307
+
308
+ //** Popover body background color
309
+ $popover-bg: #fff !default;
310
+ //** Popover maximum width
311
+ $popover-max-width: 276px !default;
312
+ //** Popover border color
313
+ $popover-border-color: rgba(0,0,0,.2) !default;
314
+ //** Popover fallback border color
315
+ $popover-fallback-border-color: #ccc !default;
316
+
317
+ //** Popover title background color
318
+ $popover-title-bg: darken($popover-bg, 3%) !default;
319
+
320
+ //** Popover arrow width
321
+ $popover-arrow-width: 10px !default;
322
+ //** Popover arrow color
323
+ $popover-arrow-color: #fff !default;
324
+
325
+ //** Popover outer arrow width
326
+ $popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
327
+ //** Popover outer arrow color
328
+ $popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
329
+ //** Popover outer arrow fallback color
330
+ $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
331
+
332
+
333
+ //== Labels
334
+ //
335
+ //##
336
+
337
+ //** Default label background color
338
+ $label-default-bg: $gray-light !default;
339
+ //** Primary label background color
340
+ $label-primary-bg: $brand-primary !default;
341
+ //** Success label background color
342
+ $label-success-bg: $brand-success !default;
343
+ //** Info label background color
344
+ $label-info-bg: $brand-info !default;
345
+ //** Warning label background color
346
+ $label-warning-bg: $brand-warning !default;
347
+ //** Danger label background color
348
+ $label-danger-bg: $brand-danger !default;
349
+
350
+ //** Default label text color
351
+ $label-color: #fff !default;
352
+ //** Default text color of a linked label
353
+ $label-link-hover-color: #fff !default;
354
+
355
+
356
+ //== Modals
357
+ //
358
+ //##
359
+
360
+ //** Padding applied to the modal body
361
+ $modal-inner-padding: 15px !default;
362
+
363
+ //** Padding applied to the modal title
364
+ $modal-title-padding: 15px !default;
365
+ //** Modal title line-height
366
+ $modal-title-line-height: $line-height-base !default;
367
+
368
+ //** Background color of modal content area
369
+ $modal-content-bg: #fff !default;
370
+ //** Modal content border color
371
+ $modal-content-border-color: rgba(0,0,0,.2) !default;
372
+ //** Modal content border color **for IE8**
373
+ $modal-content-fallback-border-color: #999 !default;
374
+
375
+ //** Modal backdrop background color
376
+ $modal-backdrop-bg: #000 !default;
377
+ //** Modal backdrop opacity
378
+ $modal-backdrop-opacity: .5 !default;
379
+ //** Modal header border color
380
+ $modal-header-border-color: #e5e5e5 !default;
381
+ //** Modal footer border color
382
+ $modal-footer-border-color: $modal-header-border-color !default;
383
+
384
+ $modal-lg: 900px !default;
385
+ $modal-md: 600px !default;
386
+ $modal-sm: 300px !default;
387
+
388
+
389
+ //== Alerts
390
+ //
391
+ //## Define alert colors, border radius, and padding.
392
+
393
+ $alert-padding: 15px !default;
394
+ $alert-border-radius: $border-radius-base !default;
395
+ $alert-link-font-weight: bold !default;
396
+
397
+ $alert-success-bg: $state-success-bg !default;
398
+ $alert-success-text: $state-success-text !default;
399
+ $alert-success-border: $state-success-border !default;
400
+
401
+ $alert-info-bg: $state-info-bg !default;
402
+ $alert-info-text: $state-info-text !default;
403
+ $alert-info-border: $state-info-border !default;
404
+
405
+ $alert-warning-bg: $state-warning-bg !default;
406
+ $alert-warning-text: $state-warning-text !default;
407
+ $alert-warning-border: $state-warning-border !default;
408
+
409
+ $alert-danger-bg: $state-danger-bg !default;
410
+ $alert-danger-text: $state-danger-text !default;
411
+ $alert-danger-border: $state-danger-border !default;
412
+
413
+
414
+ //== Progress bars
415
+ //
416
+ //##
417
+
418
+ //** Background color of the whole progress component
419
+ $progress-bg: #f5f5f5 !default;
420
+ //** Progress bar text color
421
+ $progress-bar-color: #fff !default;
422
+
423
+ //** Default progress bar color
424
+ $progress-bar-bg: $brand-primary !default;
425
+ //** Success progress bar color
426
+ $progress-bar-success-bg: $brand-success !default;
427
+ //** Warning progress bar color
428
+ $progress-bar-warning-bg: $brand-warning !default;
429
+ //** Danger progress bar color
430
+ $progress-bar-danger-bg: $brand-danger !default;
431
+ //** Info progress bar color
432
+ $progress-bar-info-bg: $brand-info !default;
433
+
434
+
435
+ //== List group
436
+ //
437
+ //##
438
+
439
+ //** Background color on `.list-group-item`
440
+ $list-group-bg: #fff !default;
441
+ //** `.list-group-item` border color
442
+ $list-group-border: #ddd !default;
443
+ //** List group border radius
444
+ $list-group-border-radius: $border-radius-base !default;
445
+
446
+ //** Background color of single list items on hover
447
+ $list-group-hover-bg: #f5f5f5 !default;
448
+ //** Text color of active list items
449
+ $list-group-active-color: $component-active-color !default;
450
+ //** Background color of active list items
451
+ $list-group-active-bg: $component-active-bg !default;
452
+ //** Border color of active list elements
453
+ $list-group-active-border: $list-group-active-bg !default;
454
+ //** Text color for content within active list items
455
+ $list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
456
+
457
+ //** Text color of disabled list items
458
+ $list-group-disabled-color: $gray-light !default;
459
+ //** Background color of disabled list items
460
+ $list-group-disabled-bg: $gray-lighter !default;
461
+ //** Text color for content within disabled list items
462
+ $list-group-disabled-text-color: $list-group-disabled-color !default;
463
+
464
+ $list-group-link-color: #555 !default;
465
+ $list-group-link-hover-color: $list-group-link-color !default;
466
+ $list-group-link-heading-color: #333 !default;
467
+
468
+
469
+ //== Panels
470
+ //
471
+ //##
472
+
473
+ $panel-bg: #fff !default;
474
+ $panel-body-padding: 15px !default;
475
+ $panel-heading-padding: 10px 15px !default;
476
+ $panel-footer-padding: $panel-heading-padding !default;
477
+ $panel-border-radius: $border-radius-base !default;
478
+
479
+ //** Border color for elements within panels
480
+ $panel-inner-border: #ddd !default;
481
+ $panel-footer-bg: #f5f5f5 !default;
482
+
483
+ $panel-default-text: $gray-dark !default;
484
+ $panel-default-border: #ddd !default;
485
+ $panel-default-heading-bg: #f5f5f5 !default;
486
+
487
+ $panel-primary-text: #fff !default;
488
+ $panel-primary-border: $brand-primary !default;
489
+ $panel-primary-heading-bg: $brand-primary !default;
490
+
491
+ $panel-success-text: $state-success-text !default;
492
+ $panel-success-border: $state-success-border !default;
493
+ $panel-success-heading-bg: $state-success-bg !default;
494
+
495
+ $panel-info-text: $state-info-text !default;
496
+ $panel-info-border: $state-info-border !default;
497
+ $panel-info-heading-bg: $state-info-bg !default;
498
+
499
+ $panel-warning-text: $state-warning-text !default;
500
+ $panel-warning-border: $state-warning-border !default;
501
+ $panel-warning-heading-bg: $state-warning-bg !default;
502
+
503
+ $panel-danger-text: $state-danger-text !default;
504
+ $panel-danger-border: $state-danger-border !default;
505
+ $panel-danger-heading-bg: $state-danger-bg !default;
506
+
507
+
508
+ //== Thumbnails
509
+ //
510
+ //##
511
+
512
+ //** Padding around the thumbnail image
513
+ $thumbnail-padding: 4px !default;
514
+ //** Thumbnail background color
515
+ $thumbnail-bg: $body-bg !default;
516
+ //** Thumbnail border color
517
+ $thumbnail-border: #ddd !default;
518
+ //** Thumbnail border radius
519
+ $thumbnail-border-radius: $border-radius-base !default;
520
+
521
+ //** Custom text color for thumbnail captions
522
+ $thumbnail-caption-color: $text-color !default;
523
+ //** Padding around the thumbnail caption
524
+ $thumbnail-caption-padding: 9px !default;
525
+
526
+
527
+ //== Wells
528
+ //
529
+ //##
530
+
531
+ $well-bg: #f5f5f5 !default;
532
+ $well-border: darken($well-bg, 7%) !default;
533
+
534
+
535
+ //== Badges
536
+ //
537
+ //##
538
+
539
+ $badge-color: #fff !default;
540
+ //** Linked badge text color on hover
541
+ $badge-link-hover-color: #fff !default;
542
+ $badge-bg: $gray-light !default;
543
+
544
+ //** Badge text color in active nav link
545
+ $badge-active-color: $link-color !default;
546
+ //** Badge background color in active nav link
547
+ $badge-active-bg: #fff !default;
548
+
549
+ $badge-font-weight: bold !default;
550
+ $badge-line-height: 1 !default;
551
+ $badge-border-radius: 10px !default;
552
+
553
+
554
+ //== Breadcrumbs
555
+ //
556
+ //##
557
+
558
+ $breadcrumb-padding-vertical: 8px !default;
559
+ $breadcrumb-padding-horizontal: 15px !default;
560
+ //** Breadcrumb background color
561
+ $breadcrumb-bg: #f5f5f5 !default;
562
+ //** Breadcrumb text color
563
+ $breadcrumb-color: #ccc !default;
564
+ //** Text color of current page in the breadcrumb
565
+ $breadcrumb-active-color: $gray-light !default;
566
+ //** Textual separator for between breadcrumb elements
567
+ $breadcrumb-separator: "/" !default;
568
+
569
+
570
+ //== Carousel
571
+ //
572
+ //##
573
+
574
+ $carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
575
+
576
+ $carousel-control-color: #fff !default;
577
+ $carousel-control-width: 15% !default;
578
+ $carousel-control-opacity: .5 !default;
579
+ $carousel-control-font-size: 20px !default;
580
+
581
+ $carousel-indicator-active-bg: #fff !default;
582
+ $carousel-indicator-border-color: #fff !default;
583
+
584
+ $carousel-caption-color: #fff !default;
585
+
586
+
587
+ //== Close
588
+ //
589
+ //##
590
+
591
+ $close-font-weight: bold !default;
592
+ $close-color: #000 !default;
593
+ $close-text-shadow: 0 1px 0 #fff !default;
594
+
595
+
596
+ //== Code
597
+ //
598
+ //##
599
+
600
+ $code-color: #c7254e !default;
601
+ $code-bg: #f9f2f4 !default;
602
+
603
+ $kbd-color: #fff !default;
604
+ $kbd-bg: #333 !default;
605
+
606
+ $pre-bg: #f5f5f5 !default;
607
+ $pre-color: $gray-dark !default;
608
+ $pre-border-color: #ccc !default;
609
+ $pre-scrollable-max-height: 340px !default;
610
+
611
+
612
+ //== Type
613
+ //
614
+ //##
615
+
616
+ //** Text muted color
617
+ $text-muted: $gray-light !default;
618
+ //** Abbreviations and acronyms border color
619
+ $abbr-border-color: $gray-light !default;
620
+ //** Headings small color
621
+ $headings-small-color: $gray-light !default;
622
+ //** Blockquote small color
623
+ $blockquote-small-color: $gray-light !default;
624
+ //** Blockquote font size
625
+ $blockquote-font-size: ($font-size-base * 1.25) !default;
626
+ //** Blockquote border color
627
+ $blockquote-border-color: $gray-lighter !default;
628
+ //** Page header border color
629
+ $page-header-border-color: $gray-lighter !default;
630
+
631
+
632
+ //== Miscellaneous
633
+ //
634
+ //##
635
+
636
+ //** Horizontal line color.
637
+ $hr-border: $gray-lighter !default;
638
+
639
+ //** Horizontal offset for forms and lists.
640
+ $component-offset-horizontal: 180px !default;