entreprise7pro-bootstrap-sass 3.4.6

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 (171) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +20 -0
  3. data/.travis.yml +19 -0
  4. data/CHANGELOG.md +233 -0
  5. data/CONTRIBUTING.md +86 -0
  6. data/Gemfile +7 -0
  7. data/LICENSE +22 -0
  8. data/README.md +376 -0
  9. data/Rakefile +98 -0
  10. data/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  11. data/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  12. data/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  13. data/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  14. data/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  15. data/assets/images/.keep +0 -0
  16. data/assets/javascripts/bootstrap/affix.js +166 -0
  17. data/assets/javascripts/bootstrap/alert.js +97 -0
  18. data/assets/javascripts/bootstrap/button.js +136 -0
  19. data/assets/javascripts/bootstrap/carousel.js +248 -0
  20. data/assets/javascripts/bootstrap/collapse.js +214 -0
  21. data/assets/javascripts/bootstrap/dropdown.js +167 -0
  22. data/assets/javascripts/bootstrap/modal.js +356 -0
  23. data/assets/javascripts/bootstrap/popover.js +123 -0
  24. data/assets/javascripts/bootstrap/scrollspy.js +174 -0
  25. data/assets/javascripts/bootstrap/tab.js +157 -0
  26. data/assets/javascripts/bootstrap/tooltip.js +679 -0
  27. data/assets/javascripts/bootstrap/transition.js +61 -0
  28. data/assets/javascripts/bootstrap-sprockets.js +12 -0
  29. data/assets/javascripts/bootstrap.js +2611 -0
  30. data/assets/javascripts/bootstrap.min.js +7 -0
  31. data/assets/javascripts/jquery.min.js +2 -0
  32. data/assets/stylesheets/_bootstrap-compass.scss +9 -0
  33. data/assets/stylesheets/_bootstrap-mincer.scss +19 -0
  34. data/assets/stylesheets/_bootstrap-sprockets.scss +9 -0
  35. data/assets/stylesheets/_bootstrap.scss +56 -0
  36. data/assets/stylesheets/bootstrap/_alerts.scss +73 -0
  37. data/assets/stylesheets/bootstrap/_badges.scss +68 -0
  38. data/assets/stylesheets/bootstrap/_breadcrumbs.scss +28 -0
  39. data/assets/stylesheets/bootstrap/_button-groups.scss +244 -0
  40. data/assets/stylesheets/bootstrap/_buttons.scss +168 -0
  41. data/assets/stylesheets/bootstrap/_carousel.scss +263 -0
  42. data/assets/stylesheets/bootstrap/_close.scss +37 -0
  43. data/assets/stylesheets/bootstrap/_code.scss +70 -0
  44. data/assets/stylesheets/bootstrap/_component-animations.scss +38 -0
  45. data/assets/stylesheets/bootstrap/_dropdowns.scss +212 -0
  46. data/assets/stylesheets/bootstrap/_forms.scss +602 -0
  47. data/assets/stylesheets/bootstrap/_glyphicons.scss +307 -0
  48. data/assets/stylesheets/bootstrap/_grid.scss +94 -0
  49. data/assets/stylesheets/bootstrap/_input-groups.scss +166 -0
  50. data/assets/stylesheets/bootstrap/_jumbotron.scss +55 -0
  51. data/assets/stylesheets/bootstrap/_labels.scss +66 -0
  52. data/assets/stylesheets/bootstrap/_list-group.scss +128 -0
  53. data/assets/stylesheets/bootstrap/_media.scss +66 -0
  54. data/assets/stylesheets/bootstrap/_mixins.scss +39 -0
  55. data/assets/stylesheets/bootstrap/_modals.scss +150 -0
  56. data/assets/stylesheets/bootstrap/_navbar.scss +657 -0
  57. data/assets/stylesheets/bootstrap/_navs.scss +242 -0
  58. data/assets/stylesheets/bootstrap/_normalize.scss +422 -0
  59. data/assets/stylesheets/bootstrap/_pager.scss +54 -0
  60. data/assets/stylesheets/bootstrap/_pagination.scss +86 -0
  61. data/assets/stylesheets/bootstrap/_panels.scss +271 -0
  62. data/assets/stylesheets/bootstrap/_popovers.scss +126 -0
  63. data/assets/stylesheets/bootstrap/_print.scss +99 -0
  64. data/assets/stylesheets/bootstrap/_progress-bars.scss +87 -0
  65. data/assets/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  66. data/assets/stylesheets/bootstrap/_responsive-utilities.scss +157 -0
  67. data/assets/stylesheets/bootstrap/_scaffolding.scss +161 -0
  68. data/assets/stylesheets/bootstrap/_tables.scss +233 -0
  69. data/assets/stylesheets/bootstrap/_theme.scss +293 -0
  70. data/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
  71. data/assets/stylesheets/bootstrap/_tooltip.scss +112 -0
  72. data/assets/stylesheets/bootstrap/_type.scss +299 -0
  73. data/assets/stylesheets/bootstrap/_utilities.scss +55 -0
  74. data/assets/stylesheets/bootstrap/_variables.scss +875 -0
  75. data/assets/stylesheets/bootstrap/_wells.scss +29 -0
  76. data/assets/stylesheets/bootstrap/mixins/_alerts.scss +15 -0
  77. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +12 -0
  78. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  79. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +61 -0
  80. data/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  81. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  82. data/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  83. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +50 -0
  84. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +82 -0
  85. data/assets/stylesheets/bootstrap/mixins/_grid.scss +123 -0
  86. data/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  87. data/assets/stylesheets/bootstrap/mixins/_image.scss +28 -0
  88. data/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  89. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +32 -0
  90. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +11 -0
  91. data/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +10 -0
  92. data/assets/stylesheets/bootstrap/mixins/_opacity.scss +7 -0
  93. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
  94. data/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  95. data/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  96. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  97. data/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  98. data/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +17 -0
  99. data/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  100. data/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  101. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  102. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
  103. data/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  104. data/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +210 -0
  105. data/bower.json +38 -0
  106. data/composer.json +21 -0
  107. data/entreprise7pro-bootstrap-sass.gemspec +37 -0
  108. data/eyeglass-exports.js +7 -0
  109. data/lib/entreprise7pro-bootstrap-sass/engine.rb +17 -0
  110. data/lib/entreprise7pro-bootstrap-sass/version.rb +4 -0
  111. data/lib/entreprise7pro-bootstrap-sass.rb +91 -0
  112. data/package-lock.json +1011 -0
  113. data/package.json +48 -0
  114. data/sache.json +5 -0
  115. data/tasks/bower.rake +31 -0
  116. data/tasks/converter/char_string_scanner.rb +38 -0
  117. data/tasks/converter/fonts_conversion.rb +16 -0
  118. data/tasks/converter/js_conversion.rb +47 -0
  119. data/tasks/converter/less_conversion.rb +752 -0
  120. data/tasks/converter/logger.rb +57 -0
  121. data/tasks/converter/network.rb +97 -0
  122. data/tasks/converter.rb +80 -0
  123. data/templates/project/_bootstrap-variables.sass +876 -0
  124. data/templates/project/manifest.rb +20 -0
  125. data/templates/project/styles.sass +6 -0
  126. data/test/compilation_test.rb +30 -0
  127. data/test/dummy_node_mincer/apple-touch-icon-144-precomposed.png +0 -0
  128. data/test/dummy_node_mincer/application.css.ejs.scss +6 -0
  129. data/test/dummy_node_mincer/manifest.js +87 -0
  130. data/test/dummy_rails/README.rdoc +3 -0
  131. data/test/dummy_rails/Rakefile +6 -0
  132. data/test/dummy_rails/app/assets/images/.keep +0 -0
  133. data/test/dummy_rails/app/assets/javascripts/application.js +2 -0
  134. data/test/dummy_rails/app/assets/stylesheets/application.sass +2 -0
  135. data/test/dummy_rails/app/controllers/application_controller.rb +5 -0
  136. data/test/dummy_rails/app/controllers/pages_controller.rb +4 -0
  137. data/test/dummy_rails/app/helpers/application_helper.rb +2 -0
  138. data/test/dummy_rails/app/views/layouts/application.html.erb +14 -0
  139. data/test/dummy_rails/app/views/pages/root.html.slim +84 -0
  140. data/test/dummy_rails/config/application.rb +31 -0
  141. data/test/dummy_rails/config/boot.rb +5 -0
  142. data/test/dummy_rails/config/environment.rb +5 -0
  143. data/test/dummy_rails/config/environments/development.rb +23 -0
  144. data/test/dummy_rails/config/environments/production.rb +82 -0
  145. data/test/dummy_rails/config/environments/test.rb +38 -0
  146. data/test/dummy_rails/config/initializers/backtrace_silencers.rb +7 -0
  147. data/test/dummy_rails/config/initializers/filter_parameter_logging.rb +4 -0
  148. data/test/dummy_rails/config/initializers/inflections.rb +16 -0
  149. data/test/dummy_rails/config/initializers/mime_types.rb +5 -0
  150. data/test/dummy_rails/config/initializers/secret_token.rb +18 -0
  151. data/test/dummy_rails/config/initializers/session_store.rb +3 -0
  152. data/test/dummy_rails/config/initializers/wrap_parameters.rb +14 -0
  153. data/test/dummy_rails/config/locales/en.yml +3 -0
  154. data/test/dummy_rails/config/locales/es.yml +3 -0
  155. data/test/dummy_rails/config/routes.rb +3 -0
  156. data/test/dummy_rails/config.ru +4 -0
  157. data/test/dummy_rails/log/.keep +0 -0
  158. data/test/dummy_sass_only/Gemfile +4 -0
  159. data/test/dummy_sass_only/compile.rb +20 -0
  160. data/test/dummy_sass_only/import_all.scss +2 -0
  161. data/test/gemfiles/default.gemfile +3 -0
  162. data/test/node_mincer_test.rb +35 -0
  163. data/test/node_sass_compile_test.sh +9 -0
  164. data/test/pages_test.rb +14 -0
  165. data/test/sass_test.rb +29 -0
  166. data/test/sprockets_rails_test.rb +31 -0
  167. data/test/support/dummy_rails_integration.rb +22 -0
  168. data/test/support/reporting.rb +27 -0
  169. data/test/test_helper.rb +36 -0
  170. data/test/test_helper_rails.rb +6 -0
  171. metadata +467 -0
@@ -0,0 +1,875 @@
1
+ $bootstrap-sass-asset-helper: false !default;
2
+ @use "sass:math";
3
+ //
4
+ // Variables
5
+ // --------------------------------------------------
6
+
7
+
8
+ //== Colors
9
+ //
10
+ //## Gray and brand colors for use across Bootstrap.
11
+
12
+ $gray-base: #000 !default;
13
+ $gray-darker: lighten($gray-base, 13.5%) !default; // #222
14
+ $gray-dark: lighten($gray-base, 20%) !default; // #333
15
+ $gray: lighten($gray-base, 33.5%) !default; // #555
16
+ $gray-light: lighten($gray-base, 46.7%) !default; // #777
17
+ $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
18
+
19
+ $brand-primary: darken(#428bca, 6.5%) !default; // #337ab7
20
+ $brand-success: #5cb85c !default;
21
+ $brand-info: #5bc0de !default;
22
+ $brand-warning: #f0ad4e !default;
23
+ $brand-danger: #d9534f !default;
24
+
25
+
26
+ //== Scaffolding
27
+ //
28
+ //## Settings for some of the most global styles.
29
+
30
+ //** Background color for `<body>`.
31
+ $body-bg: #fff !default;
32
+ //** Global text color on `<body>`.
33
+ $text-color: $gray-dark !default;
34
+
35
+ //** Global textual link color.
36
+ $link-color: $brand-primary !default;
37
+ //** Link hover color set via `darken()` function.
38
+ $link-hover-color: darken($link-color, 15%) !default;
39
+ //** Link hover decoration.
40
+ $link-hover-decoration: underline !default;
41
+
42
+
43
+ //== Typography
44
+ //
45
+ //## Font, line-height, and color for body text, headings, and more.
46
+
47
+ $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
48
+ $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
49
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
50
+ $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
51
+ $font-family-base: $font-family-sans-serif !default;
52
+
53
+ $font-size-base: 14px !default;
54
+ $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
55
+ $font-size-small: ceil(($font-size-base * .85)) !default; // ~12px
56
+
57
+ $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
58
+ $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
59
+ $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
60
+ $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
61
+ $font-size-h5: $font-size-base !default;
62
+ $font-size-h6: ceil(($font-size-base * .85)) !default; // ~12px
63
+
64
+ //** Unit-less `line-height` for use in components like buttons.
65
+ $line-height-base: 1.428571429 !default; // 20/14
66
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
67
+ $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
68
+
69
+ //** By default, this inherits from the `<body>`.
70
+ $headings-font-family: inherit !default;
71
+ $headings-font-weight: 500 !default;
72
+ $headings-line-height: 1.1 !default;
73
+ $headings-color: inherit !default;
74
+
75
+
76
+ //== Iconography
77
+ //
78
+ //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
79
+
80
+ //** Load fonts from this directory.
81
+
82
+ // [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
83
+ // [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
84
+ $icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
85
+
86
+ //** File name for all font files.
87
+ $icon-font-name: "glyphicons-halflings-regular" !default;
88
+ //** Element ID within SVG icon file.
89
+ $icon-font-svg-id: "glyphicons_halflingsregular" !default;
90
+
91
+
92
+ //== Components
93
+ //
94
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
95
+
96
+ $padding-base-vertical: 6px !default;
97
+ $padding-base-horizontal: 12px !default;
98
+
99
+ $padding-large-vertical: 10px !default;
100
+ $padding-large-horizontal: 16px !default;
101
+
102
+ $padding-small-vertical: 5px !default;
103
+ $padding-small-horizontal: 10px !default;
104
+
105
+ $padding-xs-vertical: 1px !default;
106
+ $padding-xs-horizontal: 5px !default;
107
+
108
+ $line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
109
+ $line-height-small: 1.5 !default;
110
+
111
+ $border-radius-base: 4px !default;
112
+ $border-radius-large: 6px !default;
113
+ $border-radius-small: 3px !default;
114
+
115
+ //** Global color for active items (e.g., navs or dropdowns).
116
+ $component-active-color: #fff !default;
117
+ //** Global background color for active items (e.g., navs or dropdowns).
118
+ $component-active-bg: $brand-primary !default;
119
+
120
+ //** Width of the `border` for generating carets that indicate dropdowns.
121
+ $caret-width-base: 4px !default;
122
+ //** Carets increase slightly in size for larger components.
123
+ $caret-width-large: 5px !default;
124
+
125
+
126
+ //== Tables
127
+ //
128
+ //## Customizes the `.table` component with basic values, each used across all table variations.
129
+
130
+ //** Padding for `<th>`s and `<td>`s.
131
+ $table-cell-padding: 8px !default;
132
+ //** Padding for cells in `.table-condensed`.
133
+ $table-condensed-cell-padding: 5px !default;
134
+
135
+ //** Default background color used for all tables.
136
+ $table-bg: transparent !default;
137
+ //** Background color used for `.table-striped`.
138
+ $table-bg-accent: #f9f9f9 !default;
139
+ //** Background color used for `.table-hover`.
140
+ $table-bg-hover: #f5f5f5 !default;
141
+ $table-bg-active: $table-bg-hover !default;
142
+
143
+ //** Border color for table and cell borders.
144
+ $table-border-color: #ddd !default;
145
+
146
+
147
+ //== Buttons
148
+ //
149
+ //## For each of Bootstrap's buttons, define text, background and border color.
150
+
151
+ $btn-font-weight: normal !default;
152
+
153
+ $btn-default-color: #333 !default;
154
+ $btn-default-bg: #fff !default;
155
+ $btn-default-border: #ccc !default;
156
+
157
+ $btn-primary-color: #fff !default;
158
+ $btn-primary-bg: $brand-primary !default;
159
+ $btn-primary-border: darken($btn-primary-bg, 5%) !default;
160
+
161
+ $btn-success-color: #fff !default;
162
+ $btn-success-bg: $brand-success !default;
163
+ $btn-success-border: darken($btn-success-bg, 5%) !default;
164
+
165
+ $btn-info-color: #fff !default;
166
+ $btn-info-bg: $brand-info !default;
167
+ $btn-info-border: darken($btn-info-bg, 5%) !default;
168
+
169
+ $btn-warning-color: #fff !default;
170
+ $btn-warning-bg: $brand-warning !default;
171
+ $btn-warning-border: darken($btn-warning-bg, 5%) !default;
172
+
173
+ $btn-danger-color: #fff !default;
174
+ $btn-danger-bg: $brand-danger !default;
175
+ $btn-danger-border: darken($btn-danger-bg, 5%) !default;
176
+
177
+ $btn-link-disabled-color: $gray-light !default;
178
+
179
+ // Allows for customizing button radius independently from global border radius
180
+ $btn-border-radius-base: $border-radius-base !default;
181
+ $btn-border-radius-large: $border-radius-large !default;
182
+ $btn-border-radius-small: $border-radius-small !default;
183
+
184
+
185
+ //== Forms
186
+ //
187
+ //##
188
+
189
+ //** `<input>` background color
190
+ $input-bg: #fff !default;
191
+ //** `<input disabled>` background color
192
+ $input-bg-disabled: $gray-lighter !default;
193
+
194
+ //** Text color for `<input>`s
195
+ $input-color: $gray !default;
196
+ //** `<input>` border color
197
+ $input-border: #ccc !default;
198
+
199
+ // TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
200
+ //** Default `.form-control` border radius
201
+ // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
202
+ $input-border-radius: $border-radius-base !default;
203
+ //** Large `.form-control` border radius
204
+ $input-border-radius-large: $border-radius-large !default;
205
+ //** Small `.form-control` border radius
206
+ $input-border-radius-small: $border-radius-small !default;
207
+
208
+ //** Border color for inputs on focus
209
+ $input-border-focus: #66afe9 !default;
210
+
211
+ //** Placeholder text color
212
+ $input-color-placeholder: #999 !default;
213
+
214
+ //** Default `.form-control` height
215
+ $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
216
+ //** Large `.form-control` height
217
+ $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
218
+ //** Small `.form-control` height
219
+ $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
220
+
221
+ //** `.form-group` margin
222
+ $form-group-margin-bottom: 15px !default;
223
+
224
+ $legend-color: $gray-dark !default;
225
+ $legend-border-color: #e5e5e5 !default;
226
+
227
+ //** Background color for textual input addons
228
+ $input-group-addon-bg: $gray-lighter !default;
229
+ //** Border color for textual input addons
230
+ $input-group-addon-border-color: $input-border !default;
231
+
232
+ //** Disabled cursor for form controls and buttons.
233
+ $cursor-disabled: not-allowed !default;
234
+
235
+
236
+ //== Dropdowns
237
+ //
238
+ //## Dropdown menu container and contents.
239
+
240
+ //** Background for the dropdown menu.
241
+ $dropdown-bg: #fff !default;
242
+ //** Dropdown menu `border-color`.
243
+ $dropdown-border: rgba(0, 0, 0, .15) !default;
244
+ //** Dropdown menu `border-color`.
245
+ $dropdown-fallback-border: #ccc !default;
246
+ //** Divider color for between dropdown items.
247
+ $dropdown-divider-bg: #e5e5e5 !default;
248
+
249
+ //** Dropdown link text color.
250
+ $dropdown-link-color: $gray-dark !default;
251
+ //** Hover color for dropdown links.
252
+ $dropdown-link-hover-color: darken($gray-dark, 5%) !default;
253
+ //** Hover background for dropdown links.
254
+ $dropdown-link-hover-bg: #f5f5f5 !default;
255
+
256
+ //** Active dropdown menu item text color.
257
+ $dropdown-link-active-color: $component-active-color !default;
258
+ //** Active dropdown menu item background color.
259
+ $dropdown-link-active-bg: $component-active-bg !default;
260
+
261
+ //** Disabled dropdown menu item background color.
262
+ $dropdown-link-disabled-color: $gray-light !default;
263
+
264
+ //** Text color for headers within dropdown menus.
265
+ $dropdown-header-color: $gray-light !default;
266
+
267
+ //** Deprecated `$dropdown-caret-color` as of v3.1.0
268
+ $dropdown-caret-color: #000 !default;
269
+
270
+
271
+ //-- Z-index master list
272
+ //
273
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
274
+ // of components dependent on the z-axis and are designed to all work together.
275
+ //
276
+ // Note: These variables are not generated into the Customizer.
277
+
278
+ $zindex-navbar: 1000 !default;
279
+ $zindex-dropdown: 1000 !default;
280
+ $zindex-popover: 1060 !default;
281
+ $zindex-tooltip: 1070 !default;
282
+ $zindex-navbar-fixed: 1030 !default;
283
+ $zindex-modal-background: 1040 !default;
284
+ $zindex-modal: 1050 !default;
285
+
286
+
287
+ //== Media queries breakpoints
288
+ //
289
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
290
+
291
+ // Extra small screen / phone
292
+ //** Deprecated `$screen-xs` as of v3.0.1
293
+ $screen-xs: 480px !default;
294
+ //** Deprecated `$screen-xs-min` as of v3.2.0
295
+ $screen-xs-min: $screen-xs !default;
296
+ //** Deprecated `$screen-phone` as of v3.0.1
297
+ $screen-phone: $screen-xs-min !default;
298
+
299
+ // Small screen / tablet
300
+ //** Deprecated `$screen-sm` as of v3.0.1
301
+ $screen-sm: 768px !default;
302
+ $screen-sm-min: $screen-sm !default;
303
+ //** Deprecated `$screen-tablet` as of v3.0.1
304
+ $screen-tablet: $screen-sm-min !default;
305
+
306
+ // Medium screen / desktop
307
+ //** Deprecated `$screen-md` as of v3.0.1
308
+ $screen-md: 992px !default;
309
+ $screen-md-min: $screen-md !default;
310
+ //** Deprecated `$screen-desktop` as of v3.0.1
311
+ $screen-desktop: $screen-md-min !default;
312
+
313
+ // Large screen / wide desktop
314
+ //** Deprecated `$screen-lg` as of v3.0.1
315
+ $screen-lg: 1200px !default;
316
+ $screen-lg-min: $screen-lg !default;
317
+ //** Deprecated `$screen-lg-desktop` as of v3.0.1
318
+ $screen-lg-desktop: $screen-lg-min !default;
319
+
320
+ // So media queries don't overlap when required, provide a maximum
321
+ $screen-xs-max: ($screen-sm-min - 1) !default;
322
+ $screen-sm-max: ($screen-md-min - 1) !default;
323
+ $screen-md-max: ($screen-lg-min - 1) !default;
324
+
325
+
326
+ //== Grid system
327
+ //
328
+ //## Define your custom responsive grid.
329
+
330
+ //** Number of columns in the grid.
331
+ $grid-columns: 12 !default;
332
+ //** Padding between columns. Gets divided in half for the left and right.
333
+ $grid-gutter-width: 30px !default;
334
+ // Navbar collapse
335
+ //** Point at which the navbar becomes uncollapsed.
336
+ $grid-float-breakpoint: $screen-sm-min !default;
337
+ //** Point at which the navbar begins collapsing.
338
+ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
339
+
340
+
341
+ //== Container sizes
342
+ //
343
+ //## Define the maximum width of `.container` for different screen sizes.
344
+
345
+ // Small screen / tablet
346
+ $container-tablet: (720px + $grid-gutter-width) !default;
347
+ //** For `$screen-sm-min` and up.
348
+ $container-sm: $container-tablet !default;
349
+
350
+ // Medium screen / desktop
351
+ $container-desktop: (940px + $grid-gutter-width) !default;
352
+ //** For `$screen-md-min` and up.
353
+ $container-md: $container-desktop !default;
354
+
355
+ // Large screen / wide desktop
356
+ $container-large-desktop: (1140px + $grid-gutter-width) !default;
357
+ //** For `$screen-lg-min` and up.
358
+ $container-lg: $container-large-desktop !default;
359
+
360
+
361
+ //== Navbar
362
+ //
363
+ //##
364
+
365
+ // Basics of a navbar
366
+ $navbar-height: 50px !default;
367
+ $navbar-margin-bottom: $line-height-computed !default;
368
+ $navbar-border-radius: $border-radius-base !default;
369
+ $navbar-padding-horizontal: floor(math.div($grid-gutter-width, 2)) !default;
370
+ $navbar-padding-vertical: math.div(($navbar-height - $line-height-computed), 2) !default;
371
+ $navbar-collapse-max-height: 340px !default;
372
+
373
+ $navbar-default-color: #777 !default;
374
+ $navbar-default-bg: #f8f8f8 !default;
375
+ $navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
376
+
377
+ // Navbar links
378
+ $navbar-default-link-color: #777 !default;
379
+ $navbar-default-link-hover-color: #333 !default;
380
+ $navbar-default-link-hover-bg: transparent !default;
381
+ $navbar-default-link-active-color: #555 !default;
382
+ $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
383
+ $navbar-default-link-disabled-color: #ccc !default;
384
+ $navbar-default-link-disabled-bg: transparent !default;
385
+
386
+ // Navbar brand label
387
+ $navbar-default-brand-color: $navbar-default-link-color !default;
388
+ $navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
389
+ $navbar-default-brand-hover-bg: transparent !default;
390
+
391
+ // Navbar toggle
392
+ $navbar-default-toggle-hover-bg: #ddd !default;
393
+ $navbar-default-toggle-icon-bar-bg: #888 !default;
394
+ $navbar-default-toggle-border-color: #ddd !default;
395
+
396
+
397
+ //=== Inverted navbar
398
+ // Reset inverted navbar basics
399
+ $navbar-inverse-color: lighten($gray-light, 15%) !default;
400
+ $navbar-inverse-bg: #222 !default;
401
+ $navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
402
+
403
+ // Inverted navbar links
404
+ $navbar-inverse-link-color: lighten($gray-light, 15%) !default;
405
+ $navbar-inverse-link-hover-color: #fff !default;
406
+ $navbar-inverse-link-hover-bg: transparent !default;
407
+ $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
408
+ $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
409
+ $navbar-inverse-link-disabled-color: #444 !default;
410
+ $navbar-inverse-link-disabled-bg: transparent !default;
411
+
412
+ // Inverted navbar brand label
413
+ $navbar-inverse-brand-color: $navbar-inverse-link-color !default;
414
+ $navbar-inverse-brand-hover-color: #fff !default;
415
+ $navbar-inverse-brand-hover-bg: transparent !default;
416
+
417
+ // Inverted navbar toggle
418
+ $navbar-inverse-toggle-hover-bg: #333 !default;
419
+ $navbar-inverse-toggle-icon-bar-bg: #fff !default;
420
+ $navbar-inverse-toggle-border-color: #333 !default;
421
+
422
+
423
+ //== Navs
424
+ //
425
+ //##
426
+
427
+ //=== Shared nav styles
428
+ $nav-link-padding: 10px 15px !default;
429
+ $nav-link-hover-bg: $gray-lighter !default;
430
+
431
+ $nav-disabled-link-color: $gray-light !default;
432
+ $nav-disabled-link-hover-color: $gray-light !default;
433
+
434
+ //== Tabs
435
+ $nav-tabs-border-color: #ddd !default;
436
+
437
+ $nav-tabs-link-hover-border-color: $gray-lighter !default;
438
+
439
+ $nav-tabs-active-link-hover-bg: $body-bg !default;
440
+ $nav-tabs-active-link-hover-color: $gray !default;
441
+ $nav-tabs-active-link-hover-border-color: #ddd !default;
442
+
443
+ $nav-tabs-justified-link-border-color: #ddd !default;
444
+ $nav-tabs-justified-active-link-border-color: $body-bg !default;
445
+
446
+ //== Pills
447
+ $nav-pills-border-radius: $border-radius-base !default;
448
+ $nav-pills-active-link-hover-bg: $component-active-bg !default;
449
+ $nav-pills-active-link-hover-color: $component-active-color !default;
450
+
451
+
452
+ //== Pagination
453
+ //
454
+ //##
455
+
456
+ $pagination-color: $link-color !default;
457
+ $pagination-bg: #fff !default;
458
+ $pagination-border: #ddd !default;
459
+
460
+ $pagination-hover-color: $link-hover-color !default;
461
+ $pagination-hover-bg: $gray-lighter !default;
462
+ $pagination-hover-border: #ddd !default;
463
+
464
+ $pagination-active-color: #fff !default;
465
+ $pagination-active-bg: $brand-primary !default;
466
+ $pagination-active-border: $brand-primary !default;
467
+
468
+ $pagination-disabled-color: $gray-light !default;
469
+ $pagination-disabled-bg: #fff !default;
470
+ $pagination-disabled-border: #ddd !default;
471
+
472
+
473
+ //== Pager
474
+ //
475
+ //##
476
+
477
+ $pager-bg: $pagination-bg !default;
478
+ $pager-border: $pagination-border !default;
479
+ $pager-border-radius: 15px !default;
480
+
481
+ $pager-hover-bg: $pagination-hover-bg !default;
482
+
483
+ $pager-active-bg: $pagination-active-bg !default;
484
+ $pager-active-color: $pagination-active-color !default;
485
+
486
+ $pager-disabled-color: $pagination-disabled-color !default;
487
+
488
+
489
+ //== Jumbotron
490
+ //
491
+ //##
492
+
493
+ $jumbotron-padding: 30px !default;
494
+ $jumbotron-color: inherit !default;
495
+ $jumbotron-bg: $gray-lighter !default;
496
+ $jumbotron-heading-color: inherit !default;
497
+ $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
498
+ $jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default;
499
+
500
+
501
+ //== Form states and alerts
502
+ //
503
+ //## Define colors for form feedback states and, by default, alerts.
504
+
505
+ $state-success-text: #3c763d !default;
506
+ $state-success-bg: #dff0d8 !default;
507
+ $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
508
+
509
+ $state-info-text: #31708f !default;
510
+ $state-info-bg: #d9edf7 !default;
511
+ $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
512
+
513
+ $state-warning-text: #8a6d3b !default;
514
+ $state-warning-bg: #fcf8e3 !default;
515
+ $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
516
+
517
+ $state-danger-text: #a94442 !default;
518
+ $state-danger-bg: #f2dede !default;
519
+ $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
520
+
521
+
522
+ //== Tooltips
523
+ //
524
+ //##
525
+
526
+ //** Tooltip max width
527
+ $tooltip-max-width: 200px !default;
528
+ //** Tooltip text color
529
+ $tooltip-color: #fff !default;
530
+ //** Tooltip background color
531
+ $tooltip-bg: #000 !default;
532
+ $tooltip-opacity: .9 !default;
533
+
534
+ //** Tooltip arrow width
535
+ $tooltip-arrow-width: 5px !default;
536
+ //** Tooltip arrow color
537
+ $tooltip-arrow-color: $tooltip-bg !default;
538
+
539
+
540
+ //== Popovers
541
+ //
542
+ //##
543
+
544
+ //** Popover body background color
545
+ $popover-bg: #fff !default;
546
+ //** Popover maximum width
547
+ $popover-max-width: 276px !default;
548
+ //** Popover border color
549
+ $popover-border-color: rgba(0, 0, 0, .2) !default;
550
+ //** Popover fallback border color
551
+ $popover-fallback-border-color: #ccc !default;
552
+
553
+ //** Popover title background color
554
+ $popover-title-bg: darken($popover-bg, 3%) !default;
555
+
556
+ //** Popover arrow width
557
+ $popover-arrow-width: 10px !default;
558
+ //** Popover arrow color
559
+ $popover-arrow-color: $popover-bg !default;
560
+
561
+ //** Popover outer arrow width
562
+ $popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
563
+ //** Popover outer arrow color
564
+ $popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
565
+ //** Popover outer arrow fallback color
566
+ $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
567
+
568
+
569
+ //== Labels
570
+ //
571
+ //##
572
+
573
+ //** Default label background color
574
+ $label-default-bg: $gray-light !default;
575
+ //** Primary label background color
576
+ $label-primary-bg: $brand-primary !default;
577
+ //** Success label background color
578
+ $label-success-bg: $brand-success !default;
579
+ //** Info label background color
580
+ $label-info-bg: $brand-info !default;
581
+ //** Warning label background color
582
+ $label-warning-bg: $brand-warning !default;
583
+ //** Danger label background color
584
+ $label-danger-bg: $brand-danger !default;
585
+
586
+ //** Default label text color
587
+ $label-color: #fff !default;
588
+ //** Default text color of a linked label
589
+ $label-link-hover-color: #fff !default;
590
+
591
+
592
+ //== Modals
593
+ //
594
+ //##
595
+
596
+ //** Padding applied to the modal body
597
+ $modal-inner-padding: 15px !default;
598
+
599
+ //** Padding applied to the modal title
600
+ $modal-title-padding: 15px !default;
601
+ //** Modal title line-height
602
+ $modal-title-line-height: $line-height-base !default;
603
+
604
+ //** Background color of modal content area
605
+ $modal-content-bg: #fff !default;
606
+ //** Modal content border color
607
+ $modal-content-border-color: rgba(0, 0, 0, .2) !default;
608
+ //** Modal content border color fallback.
609
+ $modal-content-fallback-border-color: #999 !default;
610
+
611
+ //** Modal backdrop background color
612
+ $modal-backdrop-bg: #000 !default;
613
+ //** Modal backdrop opacity
614
+ $modal-backdrop-opacity: .5 !default;
615
+ //** Modal header border color
616
+ $modal-header-border-color: #e5e5e5 !default;
617
+ //** Modal footer border color
618
+ $modal-footer-border-color: $modal-header-border-color !default;
619
+
620
+ $modal-lg: 900px !default;
621
+ $modal-md: 600px !default;
622
+ $modal-sm: 300px !default;
623
+
624
+
625
+ //== Alerts
626
+ //
627
+ //## Define alert colors, border radius, and padding.
628
+
629
+ $alert-padding: 15px !default;
630
+ $alert-border-radius: $border-radius-base !default;
631
+ $alert-link-font-weight: bold !default;
632
+
633
+ $alert-success-bg: $state-success-bg !default;
634
+ $alert-success-text: $state-success-text !default;
635
+ $alert-success-border: $state-success-border !default;
636
+
637
+ $alert-info-bg: $state-info-bg !default;
638
+ $alert-info-text: $state-info-text !default;
639
+ $alert-info-border: $state-info-border !default;
640
+
641
+ $alert-warning-bg: $state-warning-bg !default;
642
+ $alert-warning-text: $state-warning-text !default;
643
+ $alert-warning-border: $state-warning-border !default;
644
+
645
+ $alert-danger-bg: $state-danger-bg !default;
646
+ $alert-danger-text: $state-danger-text !default;
647
+ $alert-danger-border: $state-danger-border !default;
648
+
649
+
650
+ //== Progress bars
651
+ //
652
+ //##
653
+
654
+ //** Background color of the whole progress component
655
+ $progress-bg: #f5f5f5 !default;
656
+ //** Progress bar text color
657
+ $progress-bar-color: #fff !default;
658
+ //** Variable for setting rounded corners on progress bar.
659
+ $progress-border-radius: $border-radius-base !default;
660
+
661
+ //** Default progress bar color
662
+ $progress-bar-bg: $brand-primary !default;
663
+ //** Success progress bar color
664
+ $progress-bar-success-bg: $brand-success !default;
665
+ //** Warning progress bar color
666
+ $progress-bar-warning-bg: $brand-warning !default;
667
+ //** Danger progress bar color
668
+ $progress-bar-danger-bg: $brand-danger !default;
669
+ //** Info progress bar color
670
+ $progress-bar-info-bg: $brand-info !default;
671
+
672
+
673
+ //== List group
674
+ //
675
+ //##
676
+
677
+ //** Background color on `.list-group-item`
678
+ $list-group-bg: #fff !default;
679
+ //** `.list-group-item` border color
680
+ $list-group-border: #ddd !default;
681
+ //** List group border radius
682
+ $list-group-border-radius: $border-radius-base !default;
683
+
684
+ //** Background color of single list items on hover
685
+ $list-group-hover-bg: #f5f5f5 !default;
686
+ //** Text color of active list items
687
+ $list-group-active-color: $component-active-color !default;
688
+ //** Background color of active list items
689
+ $list-group-active-bg: $component-active-bg !default;
690
+ //** Border color of active list elements
691
+ $list-group-active-border: $list-group-active-bg !default;
692
+ //** Text color for content within active list items
693
+ $list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
694
+
695
+ //** Text color of disabled list items
696
+ $list-group-disabled-color: $gray-light !default;
697
+ //** Background color of disabled list items
698
+ $list-group-disabled-bg: $gray-lighter !default;
699
+ //** Text color for content within disabled list items
700
+ $list-group-disabled-text-color: $list-group-disabled-color !default;
701
+
702
+ $list-group-link-color: #555 !default;
703
+ $list-group-link-hover-color: $list-group-link-color !default;
704
+ $list-group-link-heading-color: #333 !default;
705
+
706
+
707
+ //== Panels
708
+ //
709
+ //##
710
+
711
+ $panel-bg: #fff !default;
712
+ $panel-body-padding: 15px !default;
713
+ $panel-heading-padding: 10px 15px !default;
714
+ $panel-footer-padding: $panel-heading-padding !default;
715
+ $panel-border-radius: $border-radius-base !default;
716
+
717
+ //** Border color for elements within panels
718
+ $panel-inner-border: #ddd !default;
719
+ $panel-footer-bg: #f5f5f5 !default;
720
+
721
+ $panel-default-text: $gray-dark !default;
722
+ $panel-default-border: #ddd !default;
723
+ $panel-default-heading-bg: #f5f5f5 !default;
724
+
725
+ $panel-primary-text: #fff !default;
726
+ $panel-primary-border: $brand-primary !default;
727
+ $panel-primary-heading-bg: $brand-primary !default;
728
+
729
+ $panel-success-text: $state-success-text !default;
730
+ $panel-success-border: $state-success-border !default;
731
+ $panel-success-heading-bg: $state-success-bg !default;
732
+
733
+ $panel-info-text: $state-info-text !default;
734
+ $panel-info-border: $state-info-border !default;
735
+ $panel-info-heading-bg: $state-info-bg !default;
736
+
737
+ $panel-warning-text: $state-warning-text !default;
738
+ $panel-warning-border: $state-warning-border !default;
739
+ $panel-warning-heading-bg: $state-warning-bg !default;
740
+
741
+ $panel-danger-text: $state-danger-text !default;
742
+ $panel-danger-border: $state-danger-border !default;
743
+ $panel-danger-heading-bg: $state-danger-bg !default;
744
+
745
+
746
+ //== Thumbnails
747
+ //
748
+ //##
749
+
750
+ //** Padding around the thumbnail image
751
+ $thumbnail-padding: 4px !default;
752
+ //** Thumbnail background color
753
+ $thumbnail-bg: $body-bg !default;
754
+ //** Thumbnail border color
755
+ $thumbnail-border: #ddd !default;
756
+ //** Thumbnail border radius
757
+ $thumbnail-border-radius: $border-radius-base !default;
758
+
759
+ //** Custom text color for thumbnail captions
760
+ $thumbnail-caption-color: $text-color !default;
761
+ //** Padding around the thumbnail caption
762
+ $thumbnail-caption-padding: 9px !default;
763
+
764
+
765
+ //== Wells
766
+ //
767
+ //##
768
+
769
+ $well-bg: #f5f5f5 !default;
770
+ $well-border: darken($well-bg, 7%) !default;
771
+
772
+
773
+ //== Badges
774
+ //
775
+ //##
776
+
777
+ $badge-color: #fff !default;
778
+ //** Linked badge text color on hover
779
+ $badge-link-hover-color: #fff !default;
780
+ $badge-bg: $gray-light !default;
781
+
782
+ //** Badge text color in active nav link
783
+ $badge-active-color: $link-color !default;
784
+ //** Badge background color in active nav link
785
+ $badge-active-bg: #fff !default;
786
+
787
+ $badge-font-weight: bold !default;
788
+ $badge-line-height: 1 !default;
789
+ $badge-border-radius: 10px !default;
790
+
791
+
792
+ //== Breadcrumbs
793
+ //
794
+ //##
795
+
796
+ $breadcrumb-padding-vertical: 8px !default;
797
+ $breadcrumb-padding-horizontal: 15px !default;
798
+ //** Breadcrumb background color
799
+ $breadcrumb-bg: #f5f5f5 !default;
800
+ //** Breadcrumb text color
801
+ $breadcrumb-color: #ccc !default;
802
+ //** Text color of current page in the breadcrumb
803
+ $breadcrumb-active-color: $gray-light !default;
804
+ //** Textual separator for between breadcrumb elements
805
+ $breadcrumb-separator: "/" !default;
806
+
807
+
808
+ //== Carousel
809
+ //
810
+ //##
811
+
812
+ $carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, .6) !default;
813
+
814
+ $carousel-control-color: #fff !default;
815
+ $carousel-control-width: 15% !default;
816
+ $carousel-control-opacity: .5 !default;
817
+ $carousel-control-font-size: 20px !default;
818
+
819
+ $carousel-indicator-active-bg: #fff !default;
820
+ $carousel-indicator-border-color: #fff !default;
821
+
822
+ $carousel-caption-color: #fff !default;
823
+
824
+
825
+ //== Close
826
+ //
827
+ //##
828
+
829
+ $close-font-weight: bold !default;
830
+ $close-color: #000 !default;
831
+ $close-text-shadow: 0 1px 0 #fff !default;
832
+
833
+
834
+ //== Code
835
+ //
836
+ //##
837
+
838
+ $code-color: #c7254e !default;
839
+ $code-bg: #f9f2f4 !default;
840
+
841
+ $kbd-color: #fff !default;
842
+ $kbd-bg: #333 !default;
843
+
844
+ $pre-bg: #f5f5f5 !default;
845
+ $pre-color: $gray-dark !default;
846
+ $pre-border-color: #ccc !default;
847
+ $pre-scrollable-max-height: 340px !default;
848
+
849
+
850
+ //== Type
851
+ //
852
+ //##
853
+
854
+ //** Horizontal offset for forms and lists.
855
+ $component-offset-horizontal: 180px !default;
856
+ //** Text muted color
857
+ $text-muted: $gray-light !default;
858
+ //** Abbreviations and acronyms border color
859
+ $abbr-border-color: $gray-light !default;
860
+ //** Headings small color
861
+ $headings-small-color: $gray-light !default;
862
+ //** Blockquote small color
863
+ $blockquote-small-color: $gray-light !default;
864
+ //** Blockquote font size
865
+ $blockquote-font-size: ($font-size-base * 1.25) !default;
866
+ //** Blockquote border color
867
+ $blockquote-border-color: $gray-lighter !default;
868
+ //** Page header border color
869
+ $page-header-border-color: $gray-lighter !default;
870
+ //** Width of horizontal description list titles
871
+ $dl-horizontal-offset: $component-offset-horizontal !default;
872
+ //** Point at which .dl-horizontal becomes horizontal
873
+ $dl-horizontal-breakpoint: $grid-float-breakpoint !default;
874
+ //** Horizontal line color.
875
+ $hr-border: $gray-lighter !default;