bootswatch-theme-rails 1.0.3

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