bootswitch 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
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;