va_common 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (182) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +0 -4
  3. data/app/assets/js/va_common_main.js +16 -1
  4. data/lib/va_common/version.rb +1 -1
  5. data/lib/va_common.rb +4 -0
  6. data/va_common.gemspec +15 -0
  7. metadata +200 -177
  8. data/app/assets/js/foundation/foundation.abide.js +0 -408
  9. data/app/assets/js/foundation/foundation.accordion.js +0 -88
  10. data/app/assets/js/foundation/foundation.alert.js +0 -43
  11. data/app/assets/js/foundation/foundation.clearing.js +0 -586
  12. data/app/assets/js/foundation/foundation.dropdown.js +0 -463
  13. data/app/assets/js/foundation/foundation.equalizer.js +0 -104
  14. data/app/assets/js/foundation/foundation.interchange.js +0 -359
  15. data/app/assets/js/foundation/foundation.joyride.js +0 -932
  16. data/app/assets/js/foundation/foundation.js +0 -725
  17. data/app/assets/js/foundation/foundation.magellan.js +0 -215
  18. data/app/assets/js/foundation/foundation.offcanvas.js +0 -152
  19. data/app/assets/js/foundation/foundation.orbit.js +0 -476
  20. data/app/assets/js/foundation/foundation.reveal.js +0 -498
  21. data/app/assets/js/foundation/foundation.slider.js +0 -281
  22. data/app/assets/js/foundation/foundation.tab.js +0 -249
  23. data/app/assets/js/foundation/foundation.tooltip.js +0 -339
  24. data/app/assets/js/foundation/foundation.topbar.js +0 -458
  25. data/app/assets/js/foundation.min.js +0 -6376
  26. data/app/assets/js/vendor/html5shiv.js +0 -8
  27. data/app/assets/js/vendor/jquery-1.11.0.min.js +0 -4
  28. data/app/assets/js/vendor/jquery.js +0 -9789
  29. data/app/assets/js/vendor/jquery.smooth-scroll.js +0 -255
  30. data/app/assets/js/vendor/jquery.stellar.js +0 -651
  31. data/app/assets/js/vendor/jquery.tipsy.js +0 -258
  32. data/app/assets/js/vendor/menu.js +0 -40
  33. data/app/assets/js/vendor/modernizr.custom.js +0 -4
  34. data/app/assets/js/vendor/respond.min.js +0 -6
  35. data/app/assets/js/vendor/selectivizr-1.0.3b.js +0 -560
  36. data/app/assets/js/vendor/tota11y.min.js +0 -28
  37. data/app/assets/js/vendor/wow.min.js +0 -2
  38. data/app/assets/stylesheets/foundation/_functions.scss +0 -146
  39. data/app/assets/stylesheets/foundation/_settings.scss +0 -1467
  40. data/app/assets/stylesheets/foundation/_variables.scss +0 -1286
  41. data/app/assets/stylesheets/foundation/components/_accordion.scss +0 -157
  42. data/app/assets/stylesheets/foundation/components/_alert-boxes.scss +0 -128
  43. data/app/assets/stylesheets/foundation/components/_block-grid.scss +0 -132
  44. data/app/assets/stylesheets/foundation/components/_breadcrumbs.scss +0 -132
  45. data/app/assets/stylesheets/foundation/components/_button-groups.scss +0 -200
  46. data/app/assets/stylesheets/foundation/components/_buttons.scss +0 -259
  47. data/app/assets/stylesheets/foundation/components/_clearing.scss +0 -256
  48. data/app/assets/stylesheets/foundation/components/_dropdown-buttons.scss +0 -131
  49. data/app/assets/stylesheets/foundation/components/_dropdown.scss +0 -262
  50. data/app/assets/stylesheets/foundation/components/_flex-video.scss +0 -51
  51. data/app/assets/stylesheets/foundation/components/_forms.scss +0 -570
  52. data/app/assets/stylesheets/foundation/components/_global.scss +0 -481
  53. data/app/assets/stylesheets/foundation/components/_grid.scss +0 -289
  54. data/app/assets/stylesheets/foundation/components/_icon-bar.scss +0 -358
  55. data/app/assets/stylesheets/foundation/components/_inline-lists.scss +0 -57
  56. data/app/assets/stylesheets/foundation/components/_joyride.scss +0 -222
  57. data/app/assets/stylesheets/foundation/components/_keystrokes.scss +0 -61
  58. data/app/assets/stylesheets/foundation/components/_labels.scss +0 -106
  59. data/app/assets/stylesheets/foundation/components/_magellan.scss +0 -34
  60. data/app/assets/stylesheets/foundation/components/_offcanvas.scss +0 -515
  61. data/app/assets/stylesheets/foundation/components/_orbit.scss +0 -368
  62. data/app/assets/stylesheets/foundation/components/_pagination.scss +0 -162
  63. data/app/assets/stylesheets/foundation/components/_panels.scss +0 -101
  64. data/app/assets/stylesheets/foundation/components/_pricing-tables.scss +0 -150
  65. data/app/assets/stylesheets/foundation/components/_progress-bars.scss +0 -79
  66. data/app/assets/stylesheets/foundation/components/_range-slider.scss +0 -169
  67. data/app/assets/stylesheets/foundation/components/_reveal.scss +0 -202
  68. data/app/assets/stylesheets/foundation/components/_side-nav.scss +0 -116
  69. data/app/assets/stylesheets/foundation/components/_split-buttons.scss +0 -199
  70. data/app/assets/stylesheets/foundation/components/_sub-nav.scss +0 -123
  71. data/app/assets/stylesheets/foundation/components/_switches.scss +0 -238
  72. data/app/assets/stylesheets/foundation/components/_tables.scss +0 -135
  73. data/app/assets/stylesheets/foundation/components/_tabs.scss +0 -123
  74. data/app/assets/stylesheets/foundation/components/_thumbs.scss +0 -66
  75. data/app/assets/stylesheets/foundation/components/_toolbar.scss +0 -70
  76. data/app/assets/stylesheets/foundation/components/_tooltips.scss +0 -142
  77. data/app/assets/stylesheets/foundation/components/_top-bar.scss +0 -691
  78. data/app/assets/stylesheets/foundation/components/_type.scss +0 -525
  79. data/app/assets/stylesheets/foundation/components/_visibility.scss +0 -408
  80. data/app/assets/stylesheets/lib/_normalize.scss +0 -427
  81. data/app/assets/stylesheets/lib/bourbon/_bourbon-deprecated-upcoming.scss +0 -411
  82. data/app/assets/stylesheets/lib/bourbon/_bourbon.scss +0 -87
  83. data/app/assets/stylesheets/lib/bourbon/addons/_border-color.scss +0 -26
  84. data/app/assets/stylesheets/lib/bourbon/addons/_border-radius.scss +0 -48
  85. data/app/assets/stylesheets/lib/bourbon/addons/_border-style.scss +0 -25
  86. data/app/assets/stylesheets/lib/bourbon/addons/_border-width.scss +0 -25
  87. data/app/assets/stylesheets/lib/bourbon/addons/_buttons.scss +0 -64
  88. data/app/assets/stylesheets/lib/bourbon/addons/_clearfix.scss +0 -25
  89. data/app/assets/stylesheets/lib/bourbon/addons/_ellipsis.scss +0 -30
  90. data/app/assets/stylesheets/lib/bourbon/addons/_font-stacks.scss +0 -31
  91. data/app/assets/stylesheets/lib/bourbon/addons/_hide-text.scss +0 -27
  92. data/app/assets/stylesheets/lib/bourbon/addons/_margin.scss +0 -26
  93. data/app/assets/stylesheets/lib/bourbon/addons/_padding.scss +0 -26
  94. data/app/assets/stylesheets/lib/bourbon/addons/_position.scss +0 -48
  95. data/app/assets/stylesheets/lib/bourbon/addons/_prefixer.scss +0 -66
  96. data/app/assets/stylesheets/lib/bourbon/addons/_retina-image.scss +0 -25
  97. data/app/assets/stylesheets/lib/bourbon/addons/_size.scss +0 -51
  98. data/app/assets/stylesheets/lib/bourbon/addons/_text-inputs.scss +0 -112
  99. data/app/assets/stylesheets/lib/bourbon/addons/_timing-functions.scss +0 -34
  100. data/app/assets/stylesheets/lib/bourbon/addons/_triangle.scss +0 -63
  101. data/app/assets/stylesheets/lib/bourbon/addons/_word-wrap.scss +0 -29
  102. data/app/assets/stylesheets/lib/bourbon/css3/_animation.scss +0 -43
  103. data/app/assets/stylesheets/lib/bourbon/css3/_appearance.scss +0 -3
  104. data/app/assets/stylesheets/lib/bourbon/css3/_backface-visibility.scss +0 -3
  105. data/app/assets/stylesheets/lib/bourbon/css3/_background-image.scss +0 -42
  106. data/app/assets/stylesheets/lib/bourbon/css3/_background.scss +0 -55
  107. data/app/assets/stylesheets/lib/bourbon/css3/_border-image.scss +0 -59
  108. data/app/assets/stylesheets/lib/bourbon/css3/_calc.scss +0 -4
  109. data/app/assets/stylesheets/lib/bourbon/css3/_columns.scss +0 -47
  110. data/app/assets/stylesheets/lib/bourbon/css3/_filter.scss +0 -4
  111. data/app/assets/stylesheets/lib/bourbon/css3/_flex-box.scss +0 -287
  112. data/app/assets/stylesheets/lib/bourbon/css3/_font-face.scss +0 -24
  113. data/app/assets/stylesheets/lib/bourbon/css3/_font-feature-settings.scss +0 -4
  114. data/app/assets/stylesheets/lib/bourbon/css3/_hidpi-media-query.scss +0 -10
  115. data/app/assets/stylesheets/lib/bourbon/css3/_hyphens.scss +0 -4
  116. data/app/assets/stylesheets/lib/bourbon/css3/_image-rendering.scss +0 -14
  117. data/app/assets/stylesheets/lib/bourbon/css3/_keyframes.scss +0 -36
  118. data/app/assets/stylesheets/lib/bourbon/css3/_linear-gradient.scss +0 -38
  119. data/app/assets/stylesheets/lib/bourbon/css3/_perspective.scss +0 -8
  120. data/app/assets/stylesheets/lib/bourbon/css3/_placeholder.scss +0 -8
  121. data/app/assets/stylesheets/lib/bourbon/css3/_radial-gradient.scss +0 -39
  122. data/app/assets/stylesheets/lib/bourbon/css3/_selection.scss +0 -42
  123. data/app/assets/stylesheets/lib/bourbon/css3/_text-decoration.scss +0 -19
  124. data/app/assets/stylesheets/lib/bourbon/css3/_transform.scss +0 -15
  125. data/app/assets/stylesheets/lib/bourbon/css3/_transition.scss +0 -71
  126. data/app/assets/stylesheets/lib/bourbon/css3/_user-select.scss +0 -3
  127. data/app/assets/stylesheets/lib/bourbon/functions/_assign-inputs.scss +0 -11
  128. data/app/assets/stylesheets/lib/bourbon/functions/_contains-falsy.scss +0 -20
  129. data/app/assets/stylesheets/lib/bourbon/functions/_contains.scss +0 -26
  130. data/app/assets/stylesheets/lib/bourbon/functions/_is-length.scss +0 -11
  131. data/app/assets/stylesheets/lib/bourbon/functions/_is-light.scss +0 -21
  132. data/app/assets/stylesheets/lib/bourbon/functions/_is-number.scss +0 -11
  133. data/app/assets/stylesheets/lib/bourbon/functions/_is-size.scss +0 -13
  134. data/app/assets/stylesheets/lib/bourbon/functions/_modular-scale.scss +0 -69
  135. data/app/assets/stylesheets/lib/bourbon/functions/_px-to-em.scss +0 -13
  136. data/app/assets/stylesheets/lib/bourbon/functions/_px-to-rem.scss +0 -15
  137. data/app/assets/stylesheets/lib/bourbon/functions/_shade.scss +0 -24
  138. data/app/assets/stylesheets/lib/bourbon/functions/_strip-units.scss +0 -17
  139. data/app/assets/stylesheets/lib/bourbon/functions/_tint.scss +0 -24
  140. data/app/assets/stylesheets/lib/bourbon/functions/_transition-property-name.scss +0 -22
  141. data/app/assets/stylesheets/lib/bourbon/functions/_unpack.scss +0 -27
  142. data/app/assets/stylesheets/lib/bourbon/helpers/_convert-units.scss +0 -21
  143. data/app/assets/stylesheets/lib/bourbon/helpers/_directional-values.scss +0 -96
  144. data/app/assets/stylesheets/lib/bourbon/helpers/_font-source-declaration.scss +0 -43
  145. data/app/assets/stylesheets/lib/bourbon/helpers/_gradient-positions-parser.scss +0 -13
  146. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-angle-parser.scss +0 -25
  147. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-gradient-parser.scss +0 -41
  148. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-positions-parser.scss +0 -61
  149. data/app/assets/stylesheets/lib/bourbon/helpers/_linear-side-corner-parser.scss +0 -31
  150. data/app/assets/stylesheets/lib/bourbon/helpers/_radial-arg-parser.scss +0 -69
  151. data/app/assets/stylesheets/lib/bourbon/helpers/_radial-gradient-parser.scss +0 -50
  152. data/app/assets/stylesheets/lib/bourbon/helpers/_radial-positions-parser.scss +0 -18
  153. data/app/assets/stylesheets/lib/bourbon/helpers/_render-gradients.scss +0 -26
  154. data/app/assets/stylesheets/lib/bourbon/helpers/_shape-size-stripper.scss +0 -10
  155. data/app/assets/stylesheets/lib/bourbon/helpers/_str-to-num.scss +0 -50
  156. data/app/assets/stylesheets/lib/bourbon/settings/_asset-pipeline.scss +0 -7
  157. data/app/assets/stylesheets/lib/bourbon/settings/_prefixer.scss +0 -9
  158. data/app/assets/stylesheets/lib/bourbon/settings/_px-to-em.scss +0 -1
  159. data/app/assets/stylesheets/lib/neat/_neat-helpers.scss +0 -8
  160. data/app/assets/stylesheets/lib/neat/_neat.scss +0 -23
  161. data/app/assets/stylesheets/lib/neat/functions/_new-breakpoint.scss +0 -49
  162. data/app/assets/stylesheets/lib/neat/functions/_private.scss +0 -114
  163. data/app/assets/stylesheets/lib/neat/grid/_box-sizing.scss +0 -15
  164. data/app/assets/stylesheets/lib/neat/grid/_direction-context.scss +0 -33
  165. data/app/assets/stylesheets/lib/neat/grid/_display-context.scss +0 -28
  166. data/app/assets/stylesheets/lib/neat/grid/_fill-parent.scss +0 -22
  167. data/app/assets/stylesheets/lib/neat/grid/_media.scss +0 -92
  168. data/app/assets/stylesheets/lib/neat/grid/_omega.scss +0 -87
  169. data/app/assets/stylesheets/lib/neat/grid/_outer-container.scss +0 -38
  170. data/app/assets/stylesheets/lib/neat/grid/_pad.scss +0 -25
  171. data/app/assets/stylesheets/lib/neat/grid/_private.scss +0 -35
  172. data/app/assets/stylesheets/lib/neat/grid/_row.scss +0 -52
  173. data/app/assets/stylesheets/lib/neat/grid/_shift.scss +0 -50
  174. data/app/assets/stylesheets/lib/neat/grid/_span-columns.scss +0 -94
  175. data/app/assets/stylesheets/lib/neat/grid/_to-deprecate.scss +0 -97
  176. data/app/assets/stylesheets/lib/neat/grid/_visual-grid.scss +0 -42
  177. data/app/assets/stylesheets/lib/neat/settings/_disable-warnings.scss +0 -13
  178. data/app/assets/stylesheets/lib/neat/settings/_grid.scss +0 -51
  179. data/app/assets/stylesheets/lib/neat/settings/_visual-grid.scss +0 -27
  180. data/app/assets/stylesheets/va_common_main.css.scss +0 -18
  181. /data/app/assets/js/{vendor/scroll-settings.js → scroll-settings.js} +0 -0
  182. /data/app/assets/js/{vendor/stellar-settings.js → stellar-settings.js} +0 -0
@@ -1,1467 +0,0 @@
1
- // Foundation by ZURB
2
- // foundation.zurb.com
3
- // Licensed under MIT Open Source
4
-
5
- //
6
-
7
- // Table of Contents
8
- // Foundation Settings
9
- //
10
- // a. Base
11
- // b. Grid
12
- // c. Global
13
- // d. Media Query Ranges
14
- // e. Typography
15
- // 01. Accordion
16
- // 02. Alert Boxes
17
- // 03. Block Grid
18
- // 04. Breadcrumbs
19
- // 05. Buttons
20
- // 06. Button Groups
21
- // 07. Clearing
22
- // 08. Dropdown
23
- // 09. Dropdown Buttons
24
- // 10. Flex Video
25
- // 11. Forms
26
- // 12. Icon Bar
27
- // 13. Inline Lists
28
- // 14. Joyride
29
- // 15. Keystrokes
30
- // 16. Labels
31
- // 17. Magellan
32
- // 18. Off-canvas
33
- // 19. Orbit
34
- // 20. Pagination
35
- // 21. Panels
36
- // 22. Pricing Tables
37
- // 23. Progress Bar
38
- // 24. Range Slider
39
- // 25. Reveal
40
- // 26. Side Nav
41
- // 27. Split Buttons
42
- // 28. Sub Nav
43
- // 29. Switch
44
- // 30. Tables
45
- // 31. Tabs
46
- // 32. Thumbnails
47
- // 33. Tooltips
48
- // 34. Top Bar
49
- // 36. Visibility Classes
50
-
51
- // a. Base
52
- // - - - - - - - - - - - - - - - - - - - - - - - - -
53
-
54
- // This is the default html and body font-size for the base rem value.
55
- // $rem-base: 16px;
56
-
57
- // Allows the use of rem-calc() or lower-bound() in your settings
58
- @import "foundation/functions";
59
-
60
- // The default font-size is set to 100% of the browser style sheet (usually 16px)
61
- // for compatibility with browser-based text zoom or user-set defaults.
62
-
63
- // Since the typical default browser font-size is 16px, that makes the calculation for grid size.
64
- // If you want your base font-size to be different and not have it affect the grid breakpoints,
65
- // set $rem-base to $base-font-size and make sure $base-font-size is a px value.
66
- // $base-font-size: 100%;
67
-
68
- // The $base-font-size is 100% while $base-line-height is 150%
69
- // $base-line-height: 150%;
70
-
71
- // We use this to control whether or not CSS classes come through in the gem files.
72
- $include-html-classes: true;
73
- // $include-print-styles: true;
74
- $include-html-global-classes: $include-html-classes;
75
-
76
- // b. Grid
77
- // - - - - - - - - - - - - - - - - - - - - - - - - -
78
-
79
- // $include-html-grid-classes: $include-html-classes;
80
- // $include-xl-html-grid-classes: false;
81
-
82
- // $row-width: rem-calc(1000);
83
- // $total-columns: 12;
84
-
85
- // $last-child-float: $opposite-direction;
86
-
87
- // c. Global
88
- // - - - - - - - - - - - - - - - - - - - - - - - - -
89
-
90
- // We use these to define default font stacks
91
- // $font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
92
- // $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;
93
- // $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace;
94
-
95
- // We use these to define default font weights
96
- // $font-weight-normal: normal;
97
- // $font-weight-bold: bold;
98
-
99
- // $white : #FFFFFF;
100
- // $ghost : #FAFAFA;
101
- // $snow : #F9F9F9;
102
- // $vapor : #F6F6F6;
103
- // $white-smoke : #F5F5F5;
104
- // $silver : #EFEFEF;
105
- // $smoke : #EEEEEE;
106
- // $gainsboro : #DDDDDD;
107
- // $iron : #CCCCCC;
108
- // $base : #AAAAAA;
109
- // $aluminum : #999999;
110
- // $jumbo : #888888;
111
- // $monsoon : #777777;
112
- // $steel : #666666;
113
- // $charcoal : #555555;
114
- // $tuatara : #444444;
115
- // $oil : #333333;
116
- // $jet : #222222;
117
- // $black : #000000;
118
-
119
- // We use these as default colors throughout
120
- // $primary-color: #008CBA;
121
- // $secondary-color: #e7e7e7;
122
- // $alert-color: #f04124;
123
- // $success-color: #43AC6A;
124
- // $warning-color: #f08a24;
125
- // $info-color: #a0d3e8;
126
-
127
- // We use these to control various global styles
128
- // $body-bg: $white;
129
- // $body-font-color: $jet;
130
- // $body-font-family: $font-family-sans-serif;
131
- // $body-font-weight: $font-weight-normal;
132
- // $body-font-style: normal;
133
-
134
- // We use this to control font-smoothing
135
- // $font-smoothing: antialiased;
136
-
137
- // We use these to control text direction settings
138
- // $text-direction: ltr;
139
- // $opposite-direction: right;
140
- // $default-float: left;
141
- // $last-child-float: $opposite-direction;
142
-
143
- // We use these to make sure border radius matches unless we want it different.
144
- // $global-radius: 3px;
145
- // $global-rounded: 1000px;
146
-
147
- // We use these to control inset shadow shiny edges and depressions.
148
- // $shiny-edge-size: 0 1px 0;
149
- // $shiny-edge-color: rgba($white, .5);
150
- // $shiny-edge-active-color: rgba($black, .2);
151
-
152
- // d. Media Query Ranges
153
- // - - - - - - - - - - - - - - - - - - - - - - - - -
154
-
155
- // $small-range: (0em, 40em);
156
- // $medium-range: (40.063em, 64em);
157
- // $large-range: (64.063em, 90em);
158
- // $xlarge-range: (90.063em, 120em);
159
- // $xxlarge-range: (120.063em, 99999999em);
160
-
161
- // $screen: "only screen";
162
-
163
- // $landscape: "#{$screen} and (orientation: landscape)";
164
- // $portrait: "#{$screen} and (orientation: portrait)";
165
-
166
- // $small-up: $screen;
167
- // $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";
168
-
169
- // $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
170
- // $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
171
-
172
- // $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
173
- // $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
174
-
175
- // $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
176
- // $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";
177
-
178
- // $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
179
- // $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";
180
-
181
- // Legacy
182
- // $small: $medium-up;
183
- // $medium: $medium-up;
184
- // $large: $large-up;
185
-
186
- // We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
187
- // $cursor-crosshair-value: crosshair;
188
- // $cursor-default-value: default;
189
- // $cursor-disabled-value: not-allowed;
190
- // $cursor-pointer-value: pointer;
191
- // $cursor-help-value: help;
192
- // $cursor-text-value: text;
193
-
194
- // e. Typography
195
- // - - - - - - - - - - - - - - - - - - - - - - - - -
196
-
197
- // $include-html-type-classes: $include-html-classes;
198
-
199
- // We use these to control header font styles
200
- // $header-font-family: $body-font-family;
201
- // $header-font-weight: $font-weight-normal;
202
- // $header-font-style: normal;
203
- // $header-font-color: $jet;
204
- // $header-line-height: 1.4;
205
- // $header-top-margin: .2rem;
206
- // $header-bottom-margin: .5rem;
207
- // $header-text-rendering: optimizeLegibility;
208
-
209
- // We use these to control header font sizes
210
- // $h1-font-size: rem-calc(44);
211
- // $h2-font-size: rem-calc(37);
212
- // $h3-font-size: rem-calc(27);
213
- // $h4-font-size: rem-calc(23);
214
- // $h5-font-size: rem-calc(18);
215
- // $h6-font-size: 1rem;
216
-
217
- // We use these to control header size reduction on small screens
218
- // $h1-font-reduction: rem-calc(10);
219
- // $h2-font-reduction: rem-calc(10);
220
- // $h3-font-reduction: rem-calc(5);
221
- // $h4-font-reduction: rem-calc(5);
222
- // $h5-font-reduction: 0;
223
- // $h6-font-reduction: 0;
224
-
225
- // These control how subheaders are styled.
226
- // $subheader-line-height: 1.4;
227
- // $subheader-font-color: scale-color($header-font-color, $lightness: 35%);
228
- // $subheader-font-weight: $font-weight-normal;
229
- // $subheader-top-margin: .2rem;
230
- // $subheader-bottom-margin: .5rem;
231
-
232
- // A general <small> styling
233
- // $small-font-size: 60%;
234
- // $small-font-color: scale-color($header-font-color, $lightness: 35%);
235
-
236
- // We use these to style paragraphs
237
- // $paragraph-font-family: inherit;
238
- // $paragraph-font-weight: $font-weight-normal;
239
- // $paragraph-font-size: 1rem;
240
- // $paragraph-line-height: 1.6;
241
- // $paragraph-margin-bottom: rem-calc(20);
242
- // $paragraph-aside-font-size: rem-calc(14);
243
- // $paragraph-aside-line-height: 1.35;
244
- // $paragraph-aside-font-style: italic;
245
- // $paragraph-text-rendering: optimizeLegibility;
246
-
247
- // We use these to style <code> tags
248
- // $code-color: $oil;
249
- // $code-font-family: $font-family-monospace;
250
- // $code-font-weight: $font-weight-normal;
251
- // $code-background-color: scale-color($secondary-color, $lightness: 70%);
252
- // $code-border-size: 1px;
253
- // $code-border-style: solid;
254
- // $code-border-color: scale-color($code-background-color, $lightness: -10%);
255
- // $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);
256
-
257
- // We use these to style anchors
258
- // $anchor-text-decoration: none;
259
- // $anchor-text-decoration-hover: none;
260
- // $anchor-font-color: $primary-color;
261
- // $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%);
262
-
263
- // We use these to style the <hr> element
264
- // $hr-border-width: 1px;
265
- // $hr-border-style: solid;
266
- // $hr-border-color: $gainsboro;
267
- // $hr-margin: rem-calc(20);
268
-
269
- // We use these to style lists
270
- // $list-font-family: $paragraph-font-family;
271
- // $list-font-size: $paragraph-font-size;
272
- // $list-line-height: $paragraph-line-height;
273
- // $list-margin-bottom: $paragraph-margin-bottom;
274
- // $list-style-position: outside;
275
- // $list-side-margin: 1.1rem;
276
- // $list-ordered-side-margin: 1.4rem;
277
- // $list-side-margin-no-bullet: 0;
278
- // $list-nested-margin: rem-calc(20);
279
- // $definition-list-header-weight: $font-weight-bold;
280
- // $definition-list-header-margin-bottom: .3rem;
281
- // $definition-list-margin-bottom: rem-calc(12);
282
-
283
- // We use these to style blockquotes
284
- // $blockquote-font-color: scale-color($header-font-color, $lightness: 35%);
285
- // $blockquote-padding: rem-calc(9 20 0 19);
286
- // $blockquote-border: 1px solid $gainsboro;
287
- // $blockquote-cite-font-size: rem-calc(13);
288
- // $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);
289
- // $blockquote-cite-link-color: $blockquote-cite-font-color;
290
-
291
- // Acronym styles
292
- // $acronym-underline: 1px dotted $gainsboro;
293
-
294
- // We use these to control padding and margin
295
- // $microformat-padding: rem-calc(10 12);
296
- // $microformat-margin: rem-calc(0 0 20 0);
297
-
298
- // We use these to control the border styles
299
- // $microformat-border-width: 1px;
300
- // $microformat-border-style: solid;
301
- // $microformat-border-color: $gainsboro;
302
-
303
- // We use these to control full name font styles
304
- // $microformat-fullname-font-weight: $font-weight-bold;
305
- // $microformat-fullname-font-size: rem-calc(15);
306
-
307
- // We use this to control the summary font styles
308
- // $microformat-summary-font-weight: $font-weight-bold;
309
-
310
- // We use this to control abbr padding
311
- // $microformat-abbr-padding: rem-calc(0 1);
312
-
313
- // We use this to control abbr font styles
314
- // $microformat-abbr-font-weight: $font-weight-bold;
315
- // $microformat-abbr-font-decoration: none;
316
-
317
- // 01. Accordion
318
- // - - - - - - - - - - - - - - - - - - - - - - - - -
319
-
320
- // $include-html-accordion-classes: $include-html-classes;
321
-
322
- // $accordion-navigation-padding: rem-calc(16);
323
- // $accordion-navigation-bg-color: $silver;
324
- // $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%);
325
- // $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%);
326
- // $accordion-navigation-font-color: $jet;
327
- // $accordion-navigation-font-size: rem-calc(16);
328
- // $accordion-navigation-font-family: $body-font-family;
329
-
330
- // $accordion-content-padding: ($column-gutter/2);
331
- // $accordion-content-active-bg-color: $white;
332
-
333
- // 02. Alert Boxes
334
- // - - - - - - - - - - - - - - - - - - - - - - - - -
335
-
336
- // $include-html-alert-classes: $include-html-classes;
337
-
338
- // We use this to control alert padding.
339
- // $alert-padding-top: rem-calc(14);
340
- // $alert-padding-default-float: $alert-padding-top;
341
- // $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);
342
- // $alert-padding-bottom: $alert-padding-top;
343
-
344
- // We use these to control text style.
345
- // $alert-font-weight: $font-weight-normal;
346
- // $alert-font-size: rem-calc(13);
347
- // $alert-font-color: $white;
348
- // $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%);
349
-
350
- // We use this for close hover effect.
351
- // $alert-function-factor: -14%;
352
-
353
- // We use these to control border styles.
354
- // $alert-border-style: solid;
355
- // $alert-border-width: 1px;
356
- // $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor);
357
- // $alert-bottom-margin: rem-calc(20);
358
-
359
- // We use these to style the close buttons
360
- // $alert-close-color: $oil;
361
- // $alert-close-top: 50%;
362
- // $alert-close-position: rem-calc(4);
363
- // $alert-close-font-size: rem-calc(22);
364
- // $alert-close-opacity: 0.3;
365
- // $alert-close-opacity-hover: 0.5;
366
- // $alert-close-padding: 9px 6px 4px;
367
- // $alert-close-background: inherit;
368
-
369
- // We use this to control border radius
370
- // $alert-radius: $global-radius;
371
-
372
- // $alert-transition-speed: 300ms;
373
- // $alert-transition-ease: ease-out;
374
-
375
- // 03. Block Grid
376
- // - - - - - - - - - - - - - - - - - - - - - - - - -
377
-
378
- // $include-html-block-grid-classes: $include-html-classes;
379
- // $include-xl-html-block-grid-classes: false;
380
-
381
- // We use this to control the maximum number of block grid elements per row
382
- // $block-grid-elements: 12;
383
- // $block-grid-default-spacing: rem-calc(20);
384
-
385
- // $align-block-grid-to-grid: false;
386
- // @if $align-block-grid-to-grid {$block-grid-default-spacing: $column-gutter;}
387
-
388
- // Enables media queries for block-grid classes. Set to false if writing semantic HTML.
389
- // $block-grid-media-queries: true;
390
-
391
- // 04. Breadcrumbs
392
- // - - - - - - - - - - - - - - - - - - - - - - - - -
393
-
394
- // $include-html-nav-classes: $include-html-classes;
395
-
396
- // We use this to set the background color for the breadcrumb container.
397
- // $crumb-bg: scale-color($secondary-color, $lightness: 55%);
398
-
399
- // We use these to set the padding around the breadcrumbs.
400
- // $crumb-padding: rem-calc(9 14 9);
401
- // $crumb-side-padding: rem-calc(12);
402
-
403
- // We use these to control border styles.
404
- // $crumb-function-factor: -10%;
405
- // $crumb-border-size: 1px;
406
- // $crumb-border-style: solid;
407
- // $crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor);
408
- // $crumb-radius: $global-radius;
409
-
410
- // We use these to set various text styles for breadcrumbs.
411
- // $crumb-font-size: rem-calc(11);
412
- // $crumb-font-color: $primary-color;
413
- // $crumb-font-color-current: $oil;
414
- // $crumb-font-color-unavailable: $aluminum;
415
- // $crumb-font-transform: uppercase;
416
- // $crumb-link-decor: underline;
417
-
418
- // We use these to control the slash between breadcrumbs
419
- // $crumb-slash-color: $base;
420
- // $crumb-slash: "/";
421
-
422
- // 05. Buttons
423
- // - - - - - - - - - - - - - - - - - - - - - - - - -
424
-
425
- // $include-html-button-classes: $include-html-classes;
426
-
427
- // We use these to build padding for buttons.
428
- // $button-tny: rem-calc(10);
429
- // $button-sml: rem-calc(14);
430
- // $button-med: rem-calc(16);
431
- // $button-lrg: rem-calc(18);
432
-
433
- // We use this to control the display property.
434
- // $button-display: inline-block;
435
- // $button-margin-bottom: rem-calc(20);
436
-
437
- // We use these to control button text styles.
438
- // $button-font-family: $body-font-family;
439
- // $button-font-color: $white;
440
- // $button-font-color-alt: $oil;
441
- // $button-font-tny: rem-calc(11);
442
- // $button-font-sml: rem-calc(13);
443
- // $button-font-med: rem-calc(16);
444
- // $button-font-lrg: rem-calc(20);
445
- // $button-font-weight: $font-weight-normal;
446
- // $button-font-align: center;
447
-
448
- // We use these to control various hover effects.
449
- // $button-function-factor: -20%;
450
-
451
- // We use these to control button border styles.
452
- // $button-border-width: 0;
453
- // $button-border-style: solid;
454
- // $button-bg-color: $primary-color;
455
- // $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor);
456
- // $button-border-color: $button-bg-hover;
457
- // $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor);
458
- // $secondary-button-border-color: $secondary-button-bg-hover;
459
- // $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor);
460
- // $success-button-border-color: $success-button-bg-hover;
461
- // $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor);
462
- // $alert-button-border-color: $alert-button-bg-hover;
463
- // $warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor);
464
- // $warning-button-border-color: $warning-button-bg-hover;
465
- // $info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor);
466
- // $info-button-border-color: $info-button-bg-hover;
467
-
468
- // We use this to set the default radius used throughout the core.
469
- // $button-radius: $global-radius;
470
- // $button-round: $global-rounded;
471
-
472
- // We use this to set default opacity and cursor for disabled buttons.
473
- // $button-disabled-opacity: 0.7;
474
- // $button-disabled-cursor: $cursor-default-value;
475
-
476
- // 06. Button Groups
477
- // - - - - - - - - - - - - - - - - - - - - - - - - -
478
-
479
- // $include-html-button-classes: $include-html-classes;
480
-
481
- // Sets the margin for the right side by default, and the left margin if right-to-left direction is used
482
- // $button-bar-margin-opposite: rem-calc(10);
483
- // $button-group-border-width: 1px;
484
-
485
- // 07. Clearing
486
- // - - - - - - - - - - - - - - - - - - - - - - - - -
487
-
488
- // $include-html-clearing-classes: $include-html-classes;
489
-
490
- // We use these to set the background colors for parts of Clearing.
491
- // $clearing-bg: $oil;
492
- // $clearing-caption-bg: $clearing-bg;
493
- // $clearing-carousel-bg: rgba(51,51,51,0.8);
494
- // $clearing-img-bg: $clearing-bg;
495
-
496
- // We use these to style the close button
497
- // $clearing-close-color: $iron;
498
- // $clearing-close-size: 30px;
499
-
500
- // We use these to style the arrows
501
- // $clearing-arrow-size: 12px;
502
- // $clearing-arrow-color: $clearing-close-color;
503
-
504
- // We use these to style captions
505
- // $clearing-caption-font-color: $iron;
506
- // $clearing-caption-font-size: 0.875em;
507
- // $clearing-caption-padding: 10px 30px 20px;
508
-
509
- // We use these to make the image and carousel height and style
510
- // $clearing-active-img-height: 85%;
511
- // $clearing-carousel-height: 120px;
512
- // $clearing-carousel-thumb-width: 120px;
513
- // $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);
514
-
515
- // 08. Dropdown
516
- // - - - - - - - - - - - - - - - - - - - - - - - - -
517
-
518
- // $include-html-dropdown-classes: $include-html-classes;
519
-
520
- // We use these to controls height and width styles.
521
- // $f-dropdown-max-width: 200px;
522
- // $f-dropdown-height: auto;
523
- // $f-dropdown-max-height: none;
524
-
525
- // Used for bottom position
526
- // $f-dropdown-margin-top: 2px;
527
-
528
- // Used for right position
529
- // $f-dropdown-margin-left: $f-dropdown-margin-top;
530
-
531
- // Used for left position
532
- // $f-dropdown-margin-right: $f-dropdown-margin-top;
533
-
534
- // Used for top position
535
- // $f-dropdown-margin-bottom: $f-dropdown-margin-top;
536
-
537
- // We use this to control the background color
538
- // $f-dropdown-bg: $white;
539
-
540
- // We use this to set the border styles for dropdowns.
541
- // $f-dropdown-border-style: solid;
542
- // $f-dropdown-border-width: 1px;
543
- // $f-dropdown-border-color: scale-color($white, $lightness: -20%);
544
-
545
- // We use these to style the triangle pip.
546
- // $f-dropdown-triangle-size: 6px;
547
- // $f-dropdown-triangle-color: $white;
548
- // $f-dropdown-triangle-side-offset: 10px;
549
-
550
- // We use these to control styles for the list elements.
551
- // $f-dropdown-list-style: none;
552
- // $f-dropdown-font-color: $charcoal;
553
- // $f-dropdown-font-size: rem-calc(14);
554
- // $f-dropdown-list-padding: rem-calc(5, 10);
555
- // $f-dropdown-line-height: rem-calc(18);
556
- // $f-dropdown-list-hover-bg: $smoke;
557
- // $dropdown-mobile-default-float: 0;
558
-
559
- // We use this to control the styles for when the dropdown has custom content.
560
- // $f-dropdown-content-padding: rem-calc(20);
561
-
562
- // Default radius for dropdown.
563
- // $f-dropdown-radius: $global-radius;
564
-
565
-
566
- // 09. Dropdown Buttons
567
- // - - - - - - - - - - - - - - - - - - - - - - - - -
568
-
569
- // $include-html-button-classes: $include-html-classes;
570
-
571
- // We use these to set the color of the pip in dropdown buttons
572
- // $dropdown-button-pip-color: $white;
573
- // $dropdown-button-pip-color-alt: $oil;
574
-
575
- // We use these to set the size of the pip in dropdown buttons
576
- // $button-pip-tny: rem-calc(6);
577
- // $button-pip-sml: rem-calc(7);
578
- // $button-pip-med: rem-calc(9);
579
- // $button-pip-lrg: rem-calc(11);
580
-
581
- // We use these to style tiny dropdown buttons
582
- // $dropdown-button-padding-tny: $button-pip-tny * 7;
583
- // $dropdown-button-pip-size-tny: $button-pip-tny;
584
- // $dropdown-button-pip-opposite-tny: $button-pip-tny * 3;
585
- // $dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1);
586
-
587
- // We use these to style small dropdown buttons
588
- // $dropdown-button-padding-sml: $button-pip-sml * 7;
589
- // $dropdown-button-pip-size-sml: $button-pip-sml;
590
- // $dropdown-button-pip-opposite-sml: $button-pip-sml * 3;
591
- // $dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1);
592
-
593
- // We use these to style medium dropdown buttons
594
- // $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3);
595
- // $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3);
596
- // $dropdown-button-pip-opposite-med: $button-pip-med * 2.5;
597
- // $dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2);
598
-
599
- // We use these to style large dropdown buttons
600
- // $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3);
601
- // $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
602
- // $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5;
603
- // $dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3);
604
-
605
- // 10. Flex Video
606
- // - - - - - - - - - - - - - - - - - - - - - - - - -
607
-
608
- // $include-html-media-classes: $include-html-classes;
609
-
610
- // We use these to control video container padding and margins
611
- // $flex-video-padding-top: rem-calc(25);
612
- // $flex-video-padding-bottom: 67.5%;
613
- // $flex-video-margin-bottom: rem-calc(16);
614
-
615
- // We use this to control widescreen bottom padding
616
- // $flex-video-widescreen-padding-bottom: 56.34%;
617
-
618
- // 11. Forms
619
- // - - - - - - - - - - - - - - - - - - - - - - - - -
620
-
621
- // $include-html-form-classes: $include-html-classes;
622
-
623
- // We use this to set the base for lots of form spacing and positioning styles
624
- // $form-spacing: rem-calc(16);
625
-
626
- // We use these to style the labels in different ways
627
- // $form-label-pointer: pointer;
628
- // $form-label-font-size: rem-calc(14);
629
- // $form-label-font-weight: $font-weight-normal;
630
- // $form-label-line-height: 1.5;
631
- // $form-label-font-color: scale-color($black, $lightness: 30%);
632
- // $form-label-small-transform: capitalize;
633
- // $form-label-bottom-margin: 0;
634
- // $input-font-family: inherit;
635
- // $input-font-color: rgba(0,0,0,0.75);
636
- // $input-font-size: rem-calc(14);
637
- // $input-bg-color: $white;
638
- // $input-focus-bg-color: scale-color($white, $lightness: -2%);
639
- // $input-border-color: scale-color($white, $lightness: -20%);
640
- // $input-focus-border-color: scale-color($white, $lightness: -40%);
641
- // $input-border-style: solid;
642
- // $input-border-width: 1px;
643
- // $input-border-radius: $global-radius;
644
- // $input-disabled-bg: $gainsboro;
645
- // $input-disabled-cursor: $cursor-default-value;
646
- // $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
647
- // $input-include-glowing-effect: true;
648
-
649
- // We use these to style the fieldset border and spacing.
650
- // $fieldset-border-style: solid;
651
- // $fieldset-border-width: 1px;
652
- // $fieldset-border-color: $gainsboro;
653
- // $fieldset-padding: rem-calc(20);
654
- // $fieldset-margin: rem-calc(18 0);
655
-
656
- // We use these to style the legends when you use them
657
- // $legend-bg: $white;
658
- // $legend-font-weight: $font-weight-bold;
659
- // $legend-padding: rem-calc(0 3);
660
-
661
- // We use these to style the prefix and postfix input elements
662
- // $input-prefix-bg: scale-color($white, $lightness: -5%);
663
- // $input-prefix-border-color: scale-color($white, $lightness: -20%);
664
- // $input-prefix-border-size: 1px;
665
- // $input-prefix-border-type: solid;
666
- // $input-prefix-overflow: hidden;
667
- // $input-prefix-font-color: $oil;
668
- // $input-prefix-font-color-alt: $white;
669
-
670
- // We use this setting to turn on/off HTML5 number spinners (the up/down arrows)
671
- // $input-number-spinners: true;
672
-
673
- // We use these to style the error states for inputs and labels
674
- // $input-error-message-padding: rem-calc(6 9 9);
675
- // $input-error-message-top: -1px;
676
- // $input-error-message-font-size: rem-calc(12);
677
- // $input-error-message-font-weight: $font-weight-normal;
678
- // $input-error-message-font-style: italic;
679
- // $input-error-message-font-color: $white;
680
- // $input-error-message-bg-color: $alert-color;
681
- // $input-error-message-font-color-alt: $oil;
682
-
683
- // We use this to style the glowing effect of inputs when focused
684
- // $glowing-effect-fade-time: 0.45s;
685
- // $glowing-effect-color: $input-focus-border-color;
686
-
687
- // Select variables
688
- // $select-bg-color: $ghost;
689
- // $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);
690
-
691
-
692
- // 12. Icon Bar
693
- // - - - - - - - - - - - - - - - - - - - - - - - - -
694
-
695
- // We use these to style the icon-bar and items
696
- // $icon-bar-bg: $oil;
697
- // $icon-bar-font-color: $white;
698
- // $icon-bar-font-color-hover: $icon-bar-font-color;
699
- // $icon-bar-font-size: 1rem;
700
- // $icon-bar-hover-color: $primary-color;
701
- // $icon-bar-icon-color: $white;
702
- // $icon-bar-icon-color-hover: $icon-bar-icon-color;
703
- // $icon-bar-icon-size: 1.875rem;
704
- // $icon-bar-image-width: 1.875rem;
705
- // $icon-bar-image-height: 1.875rem;
706
- // $icon-bar-active-color: $primary-color;
707
- // $icon-bar-item-padding: 1.25rem;
708
-
709
- // We use this to set default opacity and cursor for disabled icons.
710
- // $icon-bar-disabled-opacity: 0.7;
711
-
712
- // 13. Inline Lists
713
- // - - - - - - - - - - - - - - - - - - - - - - - - -
714
-
715
- // $include-html-inline-list-classes: $include-html-classes;
716
-
717
- // We use this to control the margins and padding of the inline list.
718
- // $inline-list-top-margin: 0;
719
- // $inline-list-opposite-margin: 0;
720
- // $inline-list-bottom-margin: rem-calc(17);
721
- // $inline-list-default-float-margin: rem-calc(-22);
722
- // $inline-list-default-float-list-margin: rem-calc(22);
723
-
724
- // $inline-list-padding: 0;
725
-
726
- // We use this to control the overflow of the inline list.
727
- // $inline-list-overflow: hidden;
728
-
729
- // We use this to control the list items
730
- // $inline-list-display: block;
731
-
732
- // We use this to control any elements within list items
733
- // $inline-list-children-display: block;
734
-
735
- // 14. Joyride
736
- // - - - - - - - - - - - - - - - - - - - - - - - - -
737
-
738
- // $include-html-joyride-classes: $include-html-classes;
739
-
740
- // Controlling default Joyride styles
741
- // $joyride-tip-bg: $oil;
742
- // $joyride-tip-default-width: 300px;
743
- // $joyride-tip-padding: rem-calc(18 20 24);
744
- // $joyride-tip-border: solid 1px $charcoal;
745
- // $joyride-tip-radius: 4px;
746
- // $joyride-tip-position-offset: 22px;
747
-
748
- // Here, we're setting the tip font styles
749
- // $joyride-tip-font-color: $white;
750
- // $joyride-tip-font-size: rem-calc(14);
751
- // $joyride-tip-header-weight: $font-weight-bold;
752
-
753
- // This changes the nub size
754
- // $joyride-tip-nub-size: 10px;
755
-
756
- // This adjusts the styles for the timer when its enabled
757
- // $joyride-tip-timer-width: 50px;
758
- // $joyride-tip-timer-height: 3px;
759
- // $joyride-tip-timer-color: $steel;
760
-
761
- // This changes up the styles for the close button
762
- // $joyride-tip-close-color: $monsoon;
763
- // $joyride-tip-close-size: 24px;
764
- // $joyride-tip-close-weight: $font-weight-normal;
765
-
766
- // When Joyride is filling the screen, we use this style for the bg
767
- // $joyride-screenfill: rgba(0,0,0,0.5);
768
-
769
- // 15. Keystrokes
770
- // - - - - - - - - - - - - - - - - - - - - - - - - -
771
-
772
- // $include-html-keystroke-classes: $include-html-classes;
773
-
774
- // We use these to control text styles.
775
- // $keystroke-font: "Consolas", "Menlo", "Courier", monospace;
776
- // $keystroke-font-size: inherit;
777
- // $keystroke-font-color: $jet;
778
- // $keystroke-font-color-alt: $white;
779
- // $keystroke-function-factor: -7%;
780
-
781
- // We use this to control keystroke padding.
782
- // $keystroke-padding: rem-calc(2 4 0);
783
-
784
- // We use these to control background and border styles.
785
- // $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor);
786
- // $keystroke-border-style: solid;
787
- // $keystroke-border-width: 1px;
788
- // $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor);
789
- // $keystroke-radius: $global-radius;
790
-
791
- // 16. Labels
792
- // - - - - - - - - - - - - - - - - - - - - - - - - -
793
-
794
- // $include-html-label-classes: $include-html-classes;
795
-
796
- // We use these to style the labels
797
- // $label-padding: rem-calc(4 8 4);
798
- // $label-radius: $global-radius;
799
-
800
- // We use these to style the label text
801
- // $label-font-sizing: rem-calc(11);
802
- // $label-font-weight: $font-weight-normal;
803
- // $label-font-color: $oil;
804
- // $label-font-color-alt: $white;
805
- // $label-font-family: $body-font-family;
806
-
807
- // 17. Magellan
808
- // - - - - - - - - - - - - - - - - - - - - - - - - -
809
-
810
- // $include-html-magellan-classes: $include-html-classes;
811
-
812
- // $magellan-bg: $white;
813
- // $magellan-padding: 10px;
814
-
815
- // 18. Off-canvas
816
- // - - - - - - - - - - - - - - - - - - - - - - - - -
817
-
818
- // Off Canvas Tab Bar Variables
819
- // $include-html-off-canvas-classes: $include-html-classes;
820
-
821
- // $tabbar-bg: $oil;
822
- // $tabbar-height: rem-calc(45);
823
- // $tabbar-icon-width: $tabbar-height;
824
- // $tabbar-line-height: $tabbar-height;
825
- // $tabbar-color: $white;
826
- // $tabbar-middle-padding: 0 rem-calc(10);
827
-
828
- // Off Canvas Divider Styles
829
- // $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%);
830
- // $tabbar-right-section-border: $tabbar-left-section-border;
831
-
832
-
833
- // Off Canvas Tab Bar Headers
834
- // $tabbar-header-color: $white;
835
- // $tabbar-header-weight: $font-weight-bold;
836
- // $tabbar-header-line-height: $tabbar-height;
837
- // $tabbar-header-margin: 0;
838
-
839
- // Off Canvas Menu Variables
840
- // $off-canvas-width: rem-calc(250);
841
- // $off-canvas-bg: $oil;
842
- // $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%);
843
-
844
- // Off Canvas Menu List Variables
845
- // $off-canvas-label-padding: 0.3rem rem-calc(15);
846
- // $off-canvas-label-color: $aluminum;
847
- // $off-canvas-label-text-transform: uppercase;
848
- // $off-canvas-label-font-size: rem-calc(12);
849
- // $off-canvas-label-font-weight: $font-weight-bold;
850
- // $off-canvas-label-bg: $tuatara;
851
- // $off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%);
852
- // $off-canvas-label-border-bottom: none;
853
- // $off-canvas-label-margin:0;
854
- // $off-canvas-link-padding: rem-calc(10, 15);
855
- // $off-canvas-link-color: rgba($white, 0.7);
856
- // $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%);
857
- // $off-canvas-back-bg: #444;
858
- // $off-canvas-back-border-top: $off-canvas-label-border-top;
859
- // $off-canvas-back-border-bottom: $off-canvas-label-border-bottom;
860
- // $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%);
861
- // $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%);
862
- // $off-canvas-back-hover-border-bottom: none;
863
-
864
- // Off Canvas Menu Icon Variables
865
- // $tabbar-menu-icon-color: $white;
866
- // $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%);
867
-
868
- // $tabbar-menu-icon-text-indent: rem-calc(35);
869
- // $tabbar-menu-icon-width: $tabbar-icon-width;
870
- // $tabbar-menu-icon-height: $tabbar-height;
871
- // $tabbar-menu-icon-padding: 0;
872
-
873
- // $tabbar-hamburger-icon-width: rem-calc(16);
874
- // $tabbar-hamburger-icon-left: false;
875
- // $tabbar-hamburger-icon-top: false;
876
- // $tabbar-hamburger-icon-thickness: 1px;
877
- // $tabbar-hamburger-icon-gap: 6px;
878
-
879
- // Off Canvas Back-Link Overlay
880
- // $off-canvas-overlay-transition: background 300ms ease;
881
- // $off-canvas-overlay-cursor: pointer;
882
- // $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5);
883
- // $off-canvas-overlay-background: rgba($white, 0.2);
884
- // $off-canvas-overlay-background-hover: rgba($white, 0.05);
885
-
886
- // Transition Variables
887
- // $menu-slide: "transform 500ms ease";
888
-
889
- // 19. Orbit
890
- // - - - - - - - - - - - - - - - - - - - - - - - - -
891
-
892
- // $include-html-orbit-classes: $include-html-classes;
893
-
894
- // We use these to control the caption styles
895
- // $orbit-container-bg: none;
896
- // $orbit-caption-bg: rgba(51,51,51, 0.8);
897
- // $orbit-caption-font-color: $white;
898
- // $orbit-caption-font-size: rem-calc(14);
899
- // $orbit-caption-position: "bottom"; // Supported values: "bottom", "under"
900
- // $orbit-caption-padding: rem-calc(10 14);
901
- // $orbit-caption-height: auto;
902
-
903
- // We use these to control the left/right nav styles
904
- // $orbit-nav-bg: transparent;
905
- // $orbit-nav-bg-hover: rgba(0,0,0,0.3);
906
- // $orbit-nav-arrow-color: $white;
907
- // $orbit-nav-arrow-color-hover: $white;
908
-
909
- // We use these to control the timer styles
910
- // $orbit-timer-bg: rgba(255,255,255,0.3);
911
- // $orbit-timer-show-progress-bar: true;
912
-
913
- // We use these to control the bullet nav styles
914
- // $orbit-bullet-nav-color: $iron;
915
- // $orbit-bullet-nav-color-active: $aluminum;
916
- // $orbit-bullet-radius: rem-calc(9);
917
-
918
- // We use these to controls the style of slide numbers
919
- // $orbit-slide-number-bg: rgba(0,0,0,0);
920
- // $orbit-slide-number-font-color: $white;
921
- // $orbit-slide-number-padding: rem-calc(5);
922
-
923
- // Graceful Loading Wrapper and preloader
924
- // $wrapper-class: "slideshow-wrapper";
925
- // $preloader-class: "preloader";
926
-
927
- // Hide controls on small
928
- // $orbit-nav-hide-for-small: true;
929
- // $orbit-bullet-hide-for-small: true;
930
- // $orbit-timer-hide-for-small: true;
931
-
932
- // 20. Pagination
933
- // - - - - - - - - - - - - - - - - - - - - - - - - -
934
-
935
- // $include-pagination-classes: $include-html-classes;
936
-
937
- // We use these to control the pagination container
938
- // $pagination-height: rem-calc(24);
939
- // $pagination-margin: rem-calc(-5);
940
-
941
- // We use these to set the list-item properties
942
- // $pagination-li-float: $default-float;
943
- // $pagination-li-height: rem-calc(24);
944
- // $pagination-li-font-color: $jet;
945
- // $pagination-li-font-size: rem-calc(14);
946
- // $pagination-li-margin: rem-calc(5);
947
-
948
- // We use these for the pagination anchor links
949
- // $pagination-link-pad: rem-calc(1 10 1);
950
- // $pagination-link-font-color: $aluminum;
951
- // $pagination-link-active-bg: scale-color($white, $lightness: -10%);
952
-
953
- // We use these for disabled anchor links
954
- // $pagination-link-unavailable-cursor: default;
955
- // $pagination-link-unavailable-font-color: $aluminum;
956
- // $pagination-link-unavailable-bg-active: transparent;
957
-
958
- // We use these for currently selected anchor links
959
- // $pagination-link-current-background: $primary-color;
960
- // $pagination-link-current-font-color: $white;
961
- // $pagination-link-current-font-weight: $font-weight-bold;
962
- // $pagination-link-current-cursor: default;
963
- // $pagination-link-current-active-bg: $primary-color;
964
-
965
- // 21. Panels
966
- // - - - - - - - - - - - - - - - - - - - - - - - - -
967
-
968
- // $include-html-panel-classes: $include-html-classes;
969
-
970
- // We use these to control the background and border styles
971
- // $panel-bg: scale-color($white, $lightness: -5%);
972
- // $panel-border-style: solid;
973
- // $panel-border-size: 1px;
974
-
975
- // We use this % to control how much we darken things on hover
976
- // $panel-function-factor: -11%;
977
- // $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor);
978
-
979
- // We use these to set default inner padding and bottom margin
980
- // $panel-margin-bottom: rem-calc(20);
981
- // $panel-padding: rem-calc(20);
982
-
983
- // We use these to set default font colors
984
- // $panel-font-color: $oil;
985
- // $panel-font-color-alt: $white;
986
-
987
- // $panel-header-adjust: true;
988
- // $callout-panel-link-color: $primary-color;
989
- // $callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%);
990
-
991
- // 22. Pricing Tables
992
- // - - - - - - - - - - - - - - - - - - - - - - - - -
993
-
994
- // $include-html-pricing-classes: $include-html-classes;
995
-
996
- // We use this to control the border color
997
- // $price-table-border: solid 1px $gainsboro;
998
-
999
- // We use this to control the bottom margin of the pricing table
1000
- // $price-table-margin-bottom: rem-calc(20);
1001
-
1002
- // We use these to control the title styles
1003
- // $price-title-bg: $oil;
1004
- // $price-title-padding: rem-calc(15 20);
1005
- // $price-title-align: center;
1006
- // $price-title-color: $smoke;
1007
- // $price-title-weight: $font-weight-normal;
1008
- // $price-title-size: rem-calc(16);
1009
- // $price-title-font-family: $body-font-family;
1010
-
1011
- // We use these to control the price styles
1012
- // $price-money-bg: $vapor;
1013
- // $price-money-padding: rem-calc(15 20);
1014
- // $price-money-align: center;
1015
- // $price-money-color: $oil;
1016
- // $price-money-weight: $font-weight-normal;
1017
- // $price-money-size: rem-calc(32);
1018
- // $price-money-font-family: $body-font-family;
1019
-
1020
-
1021
- // We use these to control the description styles
1022
- // $price-bg: $white;
1023
- // $price-desc-color: $monsoon;
1024
- // $price-desc-padding: rem-calc(15);
1025
- // $price-desc-align: center;
1026
- // $price-desc-font-size: rem-calc(12);
1027
- // $price-desc-weight: $font-weight-normal;
1028
- // $price-desc-line-height: 1.4;
1029
- // $price-desc-bottom-border: dotted 1px $gainsboro;
1030
-
1031
- // We use these to control the list item styles
1032
- // $price-item-color: $oil;
1033
- // $price-item-padding: rem-calc(15);
1034
- // $price-item-align: center;
1035
- // $price-item-font-size: rem-calc(14);
1036
- // $price-item-weight: $font-weight-normal;
1037
- // $price-item-bottom-border: dotted 1px $gainsboro;
1038
-
1039
- // We use these to control the CTA area styles
1040
- // $price-cta-bg: $white;
1041
- // $price-cta-align: center;
1042
- // $price-cta-padding: rem-calc(20 20 0);
1043
-
1044
- // 23. Progress Bar
1045
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1046
-
1047
- // $include-html-media-classes: $include-html-classes;
1048
-
1049
- // We use this to set the progress bar height
1050
- // $progress-bar-height: rem-calc(25);
1051
- // $progress-bar-color: $vapor;
1052
-
1053
- // We use these to control the border styles
1054
- // $progress-bar-border-color: scale-color($white, $lightness: 20%);
1055
- // $progress-bar-border-size: 1px;
1056
- // $progress-bar-border-style: solid;
1057
- // $progress-bar-border-radius: $global-radius;
1058
-
1059
- // We use these to control the margin & padding
1060
- // $progress-bar-margin-bottom: rem-calc(10);
1061
-
1062
- // We use these to set the meter colors
1063
- // $progress-meter-color: $primary-color;
1064
- // $progress-meter-secondary-color: $secondary-color;
1065
- // $progress-meter-success-color: $success-color;
1066
- // $progress-meter-alert-color: $alert-color;
1067
-
1068
- // 24. Range Slider
1069
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1070
-
1071
- // $include-html-range-slider-classes: $include-html-classes;
1072
-
1073
- // These variabels define the slider bar styles
1074
- // $range-slider-bar-width: 100%;
1075
- // $range-slider-bar-height: rem-calc(16);
1076
-
1077
- // $range-slider-bar-border-width: 1px;
1078
- // $range-slider-bar-border-style: solid;
1079
- // $range-slider-bar-border-color: $gainsboro;
1080
- // $range-slider-radius: $global-radius;
1081
- // $range-slider-round: $global-rounded;
1082
- // $range-slider-bar-bg-color: $ghost;
1083
- // $range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%);
1084
-
1085
- // Vertical bar styles
1086
- // $range-slider-vertical-bar-width: rem-calc(16);
1087
- // $range-slider-vertical-bar-height: rem-calc(200);
1088
-
1089
- // These variabels define the slider handle styles
1090
- // $range-slider-handle-width: rem-calc(32);
1091
- // $range-slider-handle-height: rem-calc(22);
1092
- // $range-slider-handle-position-top: rem-calc(-5);
1093
- // $range-slider-handle-bg-color: $primary-color;
1094
- // $range-slider-handle-border-width: 1px;
1095
- // $range-slider-handle-border-style: solid;
1096
- // $range-slider-handle-border-color: none;
1097
- // $range-slider-handle-radius: $global-radius;
1098
- // $range-slider-handle-round: $global-rounded;
1099
- // $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);
1100
- // $range-slider-handle-cursor: pointer;
1101
-
1102
- // $range-slider-disabled-opacity: 0.7;
1103
- // $range-slider-disabled-cursor: $cursor-disabled-value;
1104
-
1105
- // 25. Reveal
1106
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1107
-
1108
- // $include-html-reveal-classes: $include-html-classes;
1109
-
1110
- // We use these to control the style of the reveal overlay.
1111
- // $reveal-overlay-bg: rgba($black, .45);
1112
- // $reveal-overlay-bg-old: $black;
1113
-
1114
- // We use these to control the style of the modal itself.
1115
- // $reveal-modal-bg: $white;
1116
- // $reveal-position-top: rem-calc(100);
1117
- // $reveal-default-width: 80%;
1118
- // $reveal-max-width: $row-width;
1119
- // $reveal-modal-padding: rem-calc(20);
1120
- // $reveal-box-shadow: 0 0 10px rgba($black,.4);
1121
-
1122
- // We use these to style the reveal close button
1123
- // $reveal-close-font-size: rem-calc(40);
1124
- // $reveal-close-top: rem-calc(10);
1125
- // $reveal-close-side: rem-calc(22);
1126
- // $reveal-close-color: $base;
1127
- // $reveal-close-weight: $font-weight-bold;
1128
-
1129
- // We use this to set the default radius used throughout the core.
1130
- // $reveal-radius: $global-radius;
1131
- // $reveal-round: $global-rounded;
1132
-
1133
- // We use these to control the modal border
1134
- // $reveal-border-style: solid;
1135
- // $reveal-border-width: 1px;
1136
- // $reveal-border-color: $steel;
1137
-
1138
- // $reveal-modal-class: "reveal-modal";
1139
- // $close-reveal-modal-class: "close-reveal-modal";
1140
-
1141
- // 26. Side Nav
1142
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1143
-
1144
- // $include-html-nav-classes: $include-html-classes;
1145
-
1146
- // We use this to control padding.
1147
- // $side-nav-padding: rem-calc(14 0);
1148
-
1149
- // We use these to control list styles.
1150
- // $side-nav-list-type: none;
1151
- // $side-nav-list-position: outside;
1152
- // $side-nav-list-margin: rem-calc(0 0 7 0);
1153
-
1154
- // We use these to control link styles.
1155
- // $side-nav-link-color: $primary-color;
1156
- // $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%);
1157
- // $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%);
1158
- // $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025);
1159
- // $side-nav-link-margin: 0;
1160
- // $side-nav-link-padding: rem-calc(7 14);
1161
- // $side-nav-font-size: rem-calc(14);
1162
- // $side-nav-font-weight: $font-weight-normal;
1163
- // $side-nav-font-weight-active: $side-nav-font-weight;
1164
- // $side-nav-font-family: $body-font-family;
1165
- // $side-nav-font-family-active: $side-nav-font-family;
1166
-
1167
- // We use these to control heading styles.
1168
- // $side-nav-heading-color: $side-nav-link-color;
1169
- // $side-nav-heading-font-size: $side-nav-font-size;
1170
- // $side-nav-heading-font-weight: bold;
1171
- // $side-nav-heading-text-transform: uppercase;
1172
-
1173
- // We use these to control border styles
1174
- // $side-nav-divider-size: 1px;
1175
- // $side-nav-divider-style: solid;
1176
- // $side-nav-divider-color: scale-color($white, $lightness: 10%);
1177
-
1178
- // 27. Split Buttons
1179
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1180
-
1181
- // $include-html-button-classes: $include-html-classes;
1182
-
1183
- // We use these to control different shared styles for Split Buttons
1184
- // $split-button-function-factor: 10%;
1185
- // $split-button-pip-color: $white;
1186
- // $split-button-pip-color-alt: $oil;
1187
- // $split-button-active-bg-tint: rgba(0,0,0,0.1);
1188
-
1189
- // We use these to control tiny split buttons
1190
- // $split-button-padding-tny: $button-pip-tny * 10;
1191
- // $split-button-span-width-tny: $button-pip-tny * 6;
1192
- // $split-button-pip-size-tny: $button-pip-tny;
1193
- // $split-button-pip-top-tny: $button-pip-tny * 2;
1194
- // $split-button-pip-default-float-tny: rem-calc(-6);
1195
-
1196
- // We use these to control small split buttons
1197
- // $split-button-padding-sml: $button-pip-sml * 10;
1198
- // $split-button-span-width-sml: $button-pip-sml * 6;
1199
- // $split-button-pip-size-sml: $button-pip-sml;
1200
- // $split-button-pip-top-sml: $button-pip-sml * 1.5;
1201
- // $split-button-pip-default-float-sml: rem-calc(-6);
1202
-
1203
- // We use these to control medium split buttons
1204
- // $split-button-padding-med: $button-pip-med * 9;
1205
- // $split-button-span-width-med: $button-pip-med * 5.5;
1206
- // $split-button-pip-size-med: $button-pip-med - rem-calc(3);
1207
- // $split-button-pip-top-med: $button-pip-med * 1.5;
1208
- // $split-button-pip-default-float-med: rem-calc(-6);
1209
-
1210
- // We use these to control large split buttons
1211
- // $split-button-padding-lrg: $button-pip-lrg * 8;
1212
- // $split-button-span-width-lrg: $button-pip-lrg * 5;
1213
- // $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
1214
- // $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);
1215
- // $split-button-pip-default-float-lrg: rem-calc(-6);
1216
-
1217
- // 28. Sub Nav
1218
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1219
-
1220
- // $include-html-nav-classes: $include-html-classes;
1221
-
1222
- // We use these to control margin and padding
1223
- // $sub-nav-list-margin: rem-calc(-4 0 18);
1224
- // $sub-nav-list-padding-top: rem-calc(4);
1225
-
1226
- // We use this to control the definition
1227
- // $sub-nav-font-family: $body-font-family;
1228
- // $sub-nav-font-size: rem-calc(14);
1229
- // $sub-nav-font-color: $aluminum;
1230
- // $sub-nav-font-weight: $font-weight-normal;
1231
- // $sub-nav-text-decoration: none;
1232
- // $sub-nav-padding: rem-calc(3 16);
1233
- // $sub-nav-border-radius: 3px;
1234
- // $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%);
1235
-
1236
-
1237
- // We use these to control the active item styles
1238
-
1239
- // $sub-nav-active-font-weight: $font-weight-normal;
1240
- // $sub-nav-active-bg: $primary-color;
1241
- // $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);
1242
- // $sub-nav-active-color: $white;
1243
- // $sub-nav-active-padding: $sub-nav-padding;
1244
- // $sub-nav-active-cursor: default;
1245
-
1246
- // $sub-nav-item-divider: "";
1247
- // $sub-nav-item-divider-margin: rem-calc(12);
1248
-
1249
- // 29. Switch
1250
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1251
-
1252
- // $include-html-form-classes: $include-html-classes;
1253
-
1254
- // Controlling background color for the switch container
1255
- // $switch-bg: $gainsboro;
1256
-
1257
- // We use these to control the switch heights for our default classes
1258
- // $switch-height-tny: 1.5rem;
1259
- // $switch-height-sml: 1.75rem;
1260
- // $switch-height-med: 2rem;
1261
- // $switch-height-lrg: 2.5rem;
1262
- // $switch-bottom-margin: 1.5rem;
1263
-
1264
- // We use these to style the switch-paddle
1265
- // $switch-paddle-bg: $white;
1266
- // $switch-paddle-transition-speed: .15s;
1267
- // $switch-paddle-transition-ease: ease-out;
1268
- // $switch-active-color: $primary-color;
1269
-
1270
- // 30. Tables
1271
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1272
-
1273
- // $include-html-table-classes: $include-html-classes;
1274
-
1275
- // These control the background color for the table and even rows
1276
- // $table-bg: $white;
1277
- // $table-even-row-bg: $snow;
1278
-
1279
- // These control the table cell border style
1280
- // $table-border-style: solid;
1281
- // $table-border-size: 1px;
1282
- // $table-border-color: $gainsboro;
1283
-
1284
- // These control the table head styles
1285
- // $table-head-bg: $white-smoke;
1286
- // $table-head-font-size: rem-calc(14);
1287
- // $table-head-font-color: $jet;
1288
- // $table-head-font-weight: $font-weight-bold;
1289
- // $table-head-padding: rem-calc(8 10 10);
1290
-
1291
- // These control the table foot styles
1292
- // $table-foot-bg: $table-head-bg;
1293
- // $table-foot-font-size: $table-head-font-size;
1294
- // $table-foot-font-color: $table-head-font-color;
1295
- // $table-foot-font-weight: $table-head-font-weight;
1296
- // $table-foot-padding: $table-head-padding;
1297
-
1298
- // These control the caption
1299
- // table-caption-bg: transparent;
1300
- // $table-caption-font-color: $table-head-font-color;
1301
- // $table-caption-font-size: rem-calc(16);
1302
- // $table-caption-font-weight: bold;
1303
-
1304
- // These control the row padding and font styles
1305
- // $table-row-padding: rem-calc(9 10);
1306
- // $table-row-font-size: rem-calc(14);
1307
- // $table-row-font-color: $jet;
1308
- // $table-line-height: rem-calc(18);
1309
-
1310
- // These are for controlling the layout, display and margin of tables
1311
- // $table-layout: auto;
1312
- // $table-display: table-cell;
1313
- // $table-margin-bottom: rem-calc(20);
1314
-
1315
-
1316
- // 31. Tabs
1317
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1318
-
1319
- // $include-html-tabs-classes: $include-html-classes;
1320
-
1321
- // $tabs-navigation-padding: rem-calc(16);
1322
- // $tabs-navigation-bg-color: $silver;
1323
- // $tabs-navigation-active-bg-color: $white;
1324
- // $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%);
1325
- // $tabs-navigation-font-color: $jet;
1326
- // $tabs-navigation-active-font-color: $tabs-navigation-font-color;
1327
- // $tabs-navigation-font-size: rem-calc(16);
1328
- // $tabs-navigation-font-family: $body-font-family;
1329
-
1330
- // $tabs-content-margin-bottom: rem-calc(24);
1331
- // $tabs-content-padding: ($column-gutter/2);
1332
-
1333
- // $tabs-vertical-navigation-margin-bottom: 1.25rem;
1334
-
1335
- // 32. Thumbnails
1336
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1337
-
1338
- // $include-html-media-classes: $include-html-classes;
1339
-
1340
- // We use these to control border styles
1341
- // $thumb-border-style: solid;
1342
- // $thumb-border-width: 4px;
1343
- // $thumb-border-color: $white;
1344
- // $thumb-box-shadow: 0 0 0 1px rgba($black,.2);
1345
- // $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);
1346
-
1347
- // Radius and transition speed for thumbs
1348
- // $thumb-radius: $global-radius;
1349
- // $thumb-transition-speed: 200ms;
1350
-
1351
- // 33. Tooltips
1352
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1353
-
1354
- // $include-html-tooltip-classes: $include-html-classes;
1355
-
1356
- // $has-tip-border-bottom: dotted 1px $iron;
1357
- // $has-tip-font-weight: $font-weight-bold;
1358
- // $has-tip-font-color: $oil;
1359
- // $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%);
1360
- // $has-tip-font-color-hover: $primary-color;
1361
- // $has-tip-cursor-type: help;
1362
-
1363
- // $tooltip-padding: rem-calc(12);
1364
- // $tooltip-bg: $oil;
1365
- // $tooltip-font-size: rem-calc(14);
1366
- // $tooltip-font-weight: $font-weight-normal;
1367
- // $tooltip-font-color: $white;
1368
- // $tooltip-line-height: 1.3;
1369
- // $tooltip-close-font-size: rem-calc(10);
1370
- // $tooltip-close-font-weight: $font-weight-normal;
1371
- // $tooltip-close-font-color: $monsoon;
1372
- // $tooltip-font-size-sml: rem-calc(14);
1373
- // $tooltip-radius: $global-radius;
1374
- // $tooltip-rounded: $global-rounded;
1375
- // $tooltip-pip-size: 5px;
1376
- // $tooltip-max-width: 300px;
1377
-
1378
- // 34. Top Bar
1379
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1380
-
1381
- // $include-html-top-bar-classes: $include-html-classes;
1382
-
1383
- // Background color for the top bar
1384
- // $topbar-bg-color: $oil;
1385
- // $topbar-bg: $topbar-bg-color;
1386
-
1387
- // Height and margin
1388
- // $topbar-height: rem-calc(45);
1389
- // $topbar-margin-bottom: 0;
1390
-
1391
- // Controlling the styles for the title in the top bar
1392
- // $topbar-title-weight: $font-weight-normal;
1393
- // $topbar-title-font-size: rem-calc(17);
1394
-
1395
- // Set the link colors and styles for top-level nav
1396
- // $topbar-link-color: $white;
1397
- // $topbar-link-color-hover: $white;
1398
- // $topbar-link-color-active: $white;
1399
- // $topbar-link-color-active-hover: $white;
1400
- // $topbar-link-weight: $font-weight-normal;
1401
- // $topbar-link-font-size: rem-calc(13);
1402
- // $topbar-link-hover-lightness: -10%; // Darken by 10%
1403
- // $topbar-link-bg: $topbar-bg;
1404
- // $topbar-link-bg-hover: $oil;
1405
- // $topbar-link-bg-color-hover: $charcoal;
1406
- // $topbar-link-bg-active: $primary-color;
1407
- // $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);
1408
- // $topbar-link-font-family: $body-font-family;
1409
- // $topbar-link-text-transform: none;
1410
- // $topbar-link-padding: ($topbar-height / 3);
1411
- // $topbar-back-link-size: rem-calc(18);
1412
- // $topbar-link-dropdown-padding: rem-calc(20);
1413
- // $topbar-button-font-size: 0.75rem;
1414
- // $topbar-button-top: 7px;
1415
-
1416
- // Style the top bar dropdown elements
1417
- // $topbar-dropdown-bg: $oil;
1418
- // $topbar-dropdown-link-color: $white;
1419
- // $topbar-dropdown-link-color-hover: $topbar-link-color-hover;
1420
- // $topbar-dropdown-link-bg: $oil;
1421
- // $topbar-dropdown-link-bg-hover: $oil;
1422
- // $topbar-dropdown-link-weight: $font-weight-normal;
1423
- // $topbar-dropdown-toggle-size: 5px;
1424
- // $topbar-dropdown-toggle-color: $white;
1425
- // $topbar-dropdown-toggle-alpha: 0.4;
1426
-
1427
- // $topbar-dropdown-label-color: $monsoon;
1428
- // $topbar-dropdown-label-text-transform: uppercase;
1429
- // $topbar-dropdown-label-font-weight: $font-weight-bold;
1430
- // $topbar-dropdown-label-font-size: rem-calc(10);
1431
- // $topbar-dropdown-label-bg: $oil;
1432
-
1433
- // Top menu icon styles
1434
- // $topbar-menu-link-transform: uppercase;
1435
- // $topbar-menu-link-font-size: rem-calc(13);
1436
- // $topbar-menu-link-weight: $font-weight-bold;
1437
- // $topbar-menu-link-color: $white;
1438
- // $topbar-menu-icon-color: $white;
1439
- // $topbar-menu-link-color-toggled: $jumbo;
1440
- // $topbar-menu-icon-color-toggled: $jumbo;
1441
- // $topbar-menu-icon-position: $opposite-direction; // Change to $default-float for a left menu icon
1442
-
1443
- // Transitions and breakpoint styles
1444
- // $topbar-transition-speed: 300ms;
1445
- // Using rem-calc for the below breakpoint causes issues with top bar
1446
- // $topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout
1447
- // $topbar-media-query: $medium-up;
1448
-
1449
- // Top-bar input styles
1450
- // $topbar-input-height: rem-calc(28);
1451
-
1452
- // Divider Styles
1453
- // $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%);
1454
- // $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%);
1455
-
1456
- // Sticky Class
1457
- // $topbar-sticky-class: ".sticky";
1458
- // $topbar-arrows: true; //Set false to remove the triangle icon from the menu item
1459
- // $topbar-dropdown-arrows: true; //Set false to remove the \00bb >> text from dropdown subnavigation li//
1460
-
1461
- // 36. Visibility Classes
1462
- // - - - - - - - - - - - - - - - - - - - - - - - - -
1463
-
1464
- // $include-html-visibility-classes: $include-html-classes;
1465
- // $include-accessibility-classes: true;
1466
- // $include-table-visibility-classes: true;
1467
- // $include-legacy-visibility-classes: true;