bootswitch 0.0.1

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