va_common 0.1.0 → 0.2.0

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 (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,411 +0,0 @@
1
- // The following features have been deprecated and will be removed in the next MAJOR version release
2
-
3
- @mixin inline-block {
4
- display: inline-block;
5
-
6
- @warn "The inline-block mixin is deprecated and will be removed in the next major version release";
7
- }
8
-
9
- @mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) {
10
-
11
- @if type-of($style) == string and type-of($base-color) == color {
12
- @include buttonstyle($style, $base-color, $text-size, $padding);
13
- }
14
-
15
- @if type-of($style) == string and type-of($base-color) == number {
16
- $padding: $text-size;
17
- $text-size: $base-color;
18
- $base-color: #4294f0;
19
-
20
- @if $padding == inherit {
21
- $padding: 7px 18px;
22
- }
23
-
24
- @include buttonstyle($style, $base-color, $text-size, $padding);
25
- }
26
-
27
- @if type-of($style) == color and type-of($base-color) == color {
28
- $base-color: $style;
29
- $style: simple;
30
- @include buttonstyle($style, $base-color, $text-size, $padding);
31
- }
32
-
33
- @if type-of($style) == color and type-of($base-color) == number {
34
- $padding: $text-size;
35
- $text-size: $base-color;
36
- $base-color: $style;
37
- $style: simple;
38
-
39
- @if $padding == inherit {
40
- $padding: 7px 18px;
41
- }
42
-
43
- @include buttonstyle($style, $base-color, $text-size, $padding);
44
- }
45
-
46
- @if type-of($style) == number {
47
- $padding: $base-color;
48
- $text-size: $style;
49
- $base-color: #4294f0;
50
- $style: simple;
51
-
52
- @if $padding == #4294f0 {
53
- $padding: 7px 18px;
54
- }
55
-
56
- @include buttonstyle($style, $base-color, $text-size, $padding);
57
- }
58
-
59
- &:disabled {
60
- cursor: not-allowed;
61
- opacity: 0.5;
62
- }
63
-
64
- @warn "The button mixin is deprecated and will be removed in the next major version release";
65
- }
66
-
67
- // Selector Style Button
68
- @mixin buttonstyle($type, $b-color, $t-size, $pad) {
69
- // Grayscale button
70
- @if $type == simple and $b-color == grayscale($b-color) {
71
- @include simple($b-color, true, $t-size, $pad);
72
- }
73
-
74
- @if $type == shiny and $b-color == grayscale($b-color) {
75
- @include shiny($b-color, true, $t-size, $pad);
76
- }
77
-
78
- @if $type == pill and $b-color == grayscale($b-color) {
79
- @include pill($b-color, true, $t-size, $pad);
80
- }
81
-
82
- @if $type == flat and $b-color == grayscale($b-color) {
83
- @include flat($b-color, true, $t-size, $pad);
84
- }
85
-
86
- // Colored button
87
- @if $type == simple {
88
- @include simple($b-color, false, $t-size, $pad);
89
- }
90
-
91
- @else if $type == shiny {
92
- @include shiny($b-color, false, $t-size, $pad);
93
- }
94
-
95
- @else if $type == pill {
96
- @include pill($b-color, false, $t-size, $pad);
97
- }
98
-
99
- @else if $type == flat {
100
- @include flat($b-color, false, $t-size, $pad);
101
- }
102
- }
103
-
104
- // Simple Button
105
- @mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
106
- $color: hsl(0, 0, 100%);
107
- $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
108
- $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%);
109
- $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%);
110
- $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%);
111
-
112
- @if is-light($base-color) {
113
- $color: hsl(0, 0, 20%);
114
- $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
115
- }
116
-
117
- @if $grayscale == true {
118
- $border: grayscale($border);
119
- $inset-shadow: grayscale($inset-shadow);
120
- $stop-gradient: grayscale($stop-gradient);
121
- $text-shadow: grayscale($text-shadow);
122
- }
123
-
124
- border: 1px solid $border;
125
- border-radius: 3px;
126
- box-shadow: inset 0 1px 0 0 $inset-shadow;
127
- color: $color;
128
- display: inline-block;
129
- font-size: $textsize;
130
- font-weight: bold;
131
- @include linear-gradient ($base-color, $stop-gradient);
132
- padding: $padding;
133
- text-decoration: none;
134
- text-shadow: 0 1px 0 $text-shadow;
135
- background-clip: padding-box;
136
-
137
- &:hover:not(:disabled) {
138
- $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
139
- $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%);
140
- $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%);
141
-
142
- @if $grayscale == true {
143
- $base-color-hover: grayscale($base-color-hover);
144
- $inset-shadow-hover: grayscale($inset-shadow-hover);
145
- $stop-gradient-hover: grayscale($stop-gradient-hover);
146
- }
147
-
148
- @include linear-gradient ($base-color-hover, $stop-gradient-hover);
149
-
150
- box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
151
- cursor: pointer;
152
- }
153
-
154
- &:active:not(:disabled),
155
- &:focus:not(:disabled) {
156
- $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
157
- $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
158
-
159
- @if $grayscale == true {
160
- $border-active: grayscale($border-active);
161
- $inset-shadow-active: grayscale($inset-shadow-active);
162
- }
163
-
164
- border: 1px solid $border-active;
165
- box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active;
166
- }
167
- }
168
-
169
- // Shiny Button
170
- @mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
171
- $color: hsl(0, 0, 100%);
172
- $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
173
- $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
174
- $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46);
175
- $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12);
176
- $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33);
177
- $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
178
- $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48);
179
-
180
- @if is-light($base-color) {
181
- $color: hsl(0, 0, 20%);
182
- $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
183
- }
184
-
185
- @if $grayscale == true {
186
- $border: grayscale($border);
187
- $border-bottom: grayscale($border-bottom);
188
- $fourth-stop: grayscale($fourth-stop);
189
- $inset-shadow: grayscale($inset-shadow);
190
- $second-stop: grayscale($second-stop);
191
- $text-shadow: grayscale($text-shadow);
192
- $third-stop: grayscale($third-stop);
193
- }
194
-
195
- @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
196
-
197
- border: 1px solid $border;
198
- border-bottom: 1px solid $border-bottom;
199
- border-radius: 5px;
200
- box-shadow: inset 0 1px 0 0 $inset-shadow;
201
- color: $color;
202
- display: inline-block;
203
- font-size: $textsize;
204
- font-weight: bold;
205
- padding: $padding;
206
- text-align: center;
207
- text-decoration: none;
208
- text-shadow: 0 -1px 1px $text-shadow;
209
-
210
- &:hover:not(:disabled) {
211
- $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
212
- $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
213
- $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
214
- $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
215
-
216
- @if $grayscale == true {
217
- $first-stop-hover: grayscale($first-stop-hover);
218
- $second-stop-hover: grayscale($second-stop-hover);
219
- $third-stop-hover: grayscale($third-stop-hover);
220
- $fourth-stop-hover: grayscale($fourth-stop-hover);
221
- }
222
-
223
- @include linear-gradient(top, $first-stop-hover 0%,
224
- $second-stop-hover 50%,
225
- $third-stop-hover 50%,
226
- $fourth-stop-hover 100%);
227
- cursor: pointer;
228
- }
229
-
230
- &:active:not(:disabled),
231
- &:focus:not(:disabled) {
232
- $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
233
-
234
- @if $grayscale == true {
235
- $inset-shadow-active: grayscale($inset-shadow-active);
236
- }
237
-
238
- box-shadow: inset 0 0 20px 0 $inset-shadow-active;
239
- }
240
- }
241
-
242
- // Pill Button
243
- @mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
244
- $color: hsl(0, 0, 100%);
245
- $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%);
246
- $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%);
247
- $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
248
- $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%);
249
- $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%);
250
- $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%);
251
-
252
- @if is-light($base-color) {
253
- $color: hsl(0, 0, 20%);
254
- $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
255
- }
256
-
257
- @if $grayscale == true {
258
- $border-bottom: grayscale($border-bottom);
259
- $border-sides: grayscale($border-sides);
260
- $border-top: grayscale($border-top);
261
- $inset-shadow: grayscale($inset-shadow);
262
- $stop-gradient: grayscale($stop-gradient);
263
- $text-shadow: grayscale($text-shadow);
264
- }
265
-
266
- border: 1px solid $border-top;
267
- border-color: $border-top $border-sides $border-bottom;
268
- border-radius: 16px;
269
- box-shadow: inset 0 1px 0 0 $inset-shadow;
270
- color: $color;
271
- display: inline-block;
272
- font-size: $textsize;
273
- font-weight: normal;
274
- line-height: 1;
275
- @include linear-gradient ($base-color, $stop-gradient);
276
- padding: $padding;
277
- text-align: center;
278
- text-decoration: none;
279
- text-shadow: 0 -1px 1px $text-shadow;
280
- background-clip: padding-box;
281
-
282
- &:hover:not(:disabled) {
283
- $base-color-hover: adjust-color($base-color, $lightness: -4.5%);
284
- $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%);
285
- $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%);
286
- $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%);
287
- $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%);
288
- $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%);
289
- $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%);
290
-
291
- @if $grayscale == true {
292
- $base-color-hover: grayscale($base-color-hover);
293
- $border-bottom: grayscale($border-bottom);
294
- $border-sides: grayscale($border-sides);
295
- $border-top: grayscale($border-top);
296
- $inset-shadow-hover: grayscale($inset-shadow-hover);
297
- $stop-gradient-hover: grayscale($stop-gradient-hover);
298
- $text-shadow-hover: grayscale($text-shadow-hover);
299
- }
300
-
301
- @include linear-gradient ($base-color-hover, $stop-gradient-hover);
302
-
303
- background-clip: padding-box;
304
- border: 1px solid $border-top;
305
- border-color: $border-top $border-sides $border-bottom;
306
- box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
307
- cursor: pointer;
308
- text-shadow: 0 -1px 1px $text-shadow-hover;
309
- }
310
-
311
- &:active:not(:disabled),
312
- &:focus:not(:disabled) {
313
- $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%);
314
- $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%);
315
- $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%);
316
- $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%);
317
- $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%);
318
-
319
- @if $grayscale == true {
320
- $active-color: grayscale($active-color);
321
- $border-active: grayscale($border-active);
322
- $border-bottom-active: grayscale($border-bottom-active);
323
- $inset-shadow-active: grayscale($inset-shadow-active);
324
- $text-shadow-active: grayscale($text-shadow-active);
325
- }
326
-
327
- background: $active-color;
328
- border: 1px solid $border-active;
329
- border-bottom: 1px solid $border-bottom-active;
330
- box-shadow: inset 0 0 6px 3px $inset-shadow-active;
331
- text-shadow: 0 -1px 1px $text-shadow-active;
332
- }
333
- }
334
-
335
- // Flat Button
336
- @mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
337
- $color: hsl(0, 0, 100%);
338
-
339
- @if is-light($base-color) {
340
- $color: hsl(0, 0, 20%);
341
- }
342
-
343
- background-color: $base-color;
344
- border-radius: 3px;
345
- border: 0;
346
- color: $color;
347
- display: inline-block;
348
- font-size: $textsize;
349
- font-weight: bold;
350
- padding: $padding;
351
- text-decoration: none;
352
- background-clip: padding-box;
353
-
354
- &:hover:not(:disabled){
355
- $base-color-hover: adjust-color($base-color, $saturation: 4%, $lightness: 5%);
356
-
357
- @if $grayscale == true {
358
- $base-color-hover: grayscale($base-color-hover);
359
- }
360
-
361
- background-color: $base-color-hover;
362
- cursor: pointer;
363
- }
364
-
365
- &:active:not(:disabled),
366
- &:focus:not(:disabled) {
367
- $base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
368
-
369
- @if $grayscale == true {
370
- $base-color-active: grayscale($base-color-active);
371
- }
372
-
373
- background-color: $base-color-active;
374
- cursor: pointer;
375
- }
376
- }
377
-
378
- // Flexible grid
379
- @function flex-grid($columns, $container-columns: $fg-max-columns) {
380
- $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
381
- $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
382
- @return percentage($width / $container-width);
383
-
384
- @warn "The flex-grid function is deprecated and will be removed in the next major version release";
385
- }
386
-
387
- // Flexible gutter
388
- @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
389
- $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
390
- @return percentage($gutter / $container-width);
391
-
392
- @warn "The flex-gutter function is deprecated and will be removed in the next major version release";
393
- }
394
-
395
- @function grid-width($n) {
396
- @return $n * $gw-column + ($n - 1) * $gw-gutter;
397
-
398
- @warn "The grid-width function is deprecated and will be removed in the next major version release";
399
- }
400
-
401
- @function golden-ratio($value, $increment) {
402
- @return modular-scale($increment, $value, $ratio: $golden);
403
-
404
- @warn "The golden-ratio function is deprecated and will be removed in the next major version release. Please use the modular-scale function, instead.";
405
- }
406
-
407
- @mixin box-sizing($box) {
408
- @include prefixer(box-sizing, $box, webkit moz spec);
409
-
410
- @warn "The box-sizing mixin is deprecated and will be removed in the next major version release. This property can now be used un-prefixed.";
411
- }
@@ -1,87 +0,0 @@
1
- // Bourbon 4.2.3
2
- // http://bourbon.io
3
- // Copyright 2011-2015 thoughtbot, inc.
4
- // MIT License
5
-
6
- @import "settings/prefixer";
7
- @import "settings/px-to-em";
8
- @import "settings/asset-pipeline";
9
-
10
- @import "functions/assign-inputs";
11
- @import "functions/contains";
12
- @import "functions/contains-falsy";
13
- @import "functions/is-length";
14
- @import "functions/is-light";
15
- @import "functions/is-number";
16
- @import "functions/is-size";
17
- @import "functions/px-to-em";
18
- @import "functions/px-to-rem";
19
- @import "functions/shade";
20
- @import "functions/strip-units";
21
- @import "functions/tint";
22
- @import "functions/transition-property-name";
23
- @import "functions/unpack";
24
- @import "functions/modular-scale";
25
-
26
- @import "helpers/convert-units";
27
- @import "helpers/directional-values";
28
- @import "helpers/font-source-declaration";
29
- @import "helpers/gradient-positions-parser";
30
- @import "helpers/linear-angle-parser";
31
- @import "helpers/linear-gradient-parser";
32
- @import "helpers/linear-positions-parser";
33
- @import "helpers/linear-side-corner-parser";
34
- @import "helpers/radial-arg-parser";
35
- @import "helpers/radial-positions-parser";
36
- @import "helpers/radial-gradient-parser";
37
- @import "helpers/render-gradients";
38
- @import "helpers/shape-size-stripper";
39
- @import "helpers/str-to-num";
40
-
41
- @import "css3/animation";
42
- @import "css3/appearance";
43
- @import "css3/backface-visibility";
44
- @import "css3/background";
45
- @import "css3/background-image";
46
- @import "css3/border-image";
47
- @import "css3/calc";
48
- @import "css3/columns";
49
- @import "css3/filter";
50
- @import "css3/flex-box";
51
- @import "css3/font-face";
52
- @import "css3/font-feature-settings";
53
- @import "css3/hidpi-media-query";
54
- @import "css3/hyphens";
55
- @import "css3/image-rendering";
56
- @import "css3/keyframes";
57
- @import "css3/linear-gradient";
58
- @import "css3/perspective";
59
- @import "css3/placeholder";
60
- @import "css3/radial-gradient";
61
- @import "css3/selection";
62
- @import "css3/text-decoration";
63
- @import "css3/transform";
64
- @import "css3/transition";
65
- @import "css3/user-select";
66
-
67
- @import "addons/border-color";
68
- @import "addons/border-radius";
69
- @import "addons/border-style";
70
- @import "addons/border-width";
71
- @import "addons/buttons";
72
- @import "addons/clearfix";
73
- @import "addons/ellipsis";
74
- @import "addons/font-stacks";
75
- @import "addons/hide-text";
76
- @import "addons/margin";
77
- @import "addons/padding";
78
- @import "addons/position";
79
- @import "addons/prefixer";
80
- @import "addons/retina-image";
81
- @import "addons/size";
82
- @import "addons/text-inputs";
83
- @import "addons/timing-functions";
84
- @import "addons/triangle";
85
- @import "addons/word-wrap";
86
-
87
- @import "bourbon-deprecated-upcoming";
@@ -1,26 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-color` on specific sides of a box. Use a `null` value to “skip” a side.
4
- ///
5
- /// @param {Arglist} $vals
6
- /// List of arguments
7
- ///
8
- /// @example scss - Usage
9
- /// .element {
10
- /// @include border-color(#a60b55 #76cd9c null #e8ae1a);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .element {
15
- /// border-left-color: #e8ae1a;
16
- /// border-right-color: #76cd9c;
17
- /// border-top-color: #a60b55;
18
- /// }
19
- ///
20
- /// @require {mixin} directional-property
21
- ///
22
- /// @output `border-color`
23
-
24
- @mixin border-color($vals...) {
25
- @include directional-property(border, color, $vals...);
26
- }
@@ -1,48 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-radius` on both corners on the side of a box.
4
- ///
5
- /// @param {Number} $radii
6
- /// List of arguments
7
- ///
8
- /// @example scss - Usage
9
- /// .element-one {
10
- /// @include border-top-radius(5px);
11
- /// }
12
- ///
13
- /// .element-two {
14
- /// @include border-left-radius(3px);
15
- /// }
16
- ///
17
- /// @example css - CSS Output
18
- /// .element-one {
19
- /// border-top-left-radius: 5px;
20
- /// border-top-right-radius: 5px;
21
- /// }
22
- ///
23
- /// .element-two {
24
- /// border-bottom-left-radius: 3px;
25
- /// border-top-left-radius: 3px;
26
- /// }
27
- ///
28
- /// @output `border-radius`
29
-
30
- @mixin border-top-radius($radii) {
31
- border-top-left-radius: $radii;
32
- border-top-right-radius: $radii;
33
- }
34
-
35
- @mixin border-right-radius($radii) {
36
- border-bottom-right-radius: $radii;
37
- border-top-right-radius: $radii;
38
- }
39
-
40
- @mixin border-bottom-radius($radii) {
41
- border-bottom-left-radius: $radii;
42
- border-bottom-right-radius: $radii;
43
- }
44
-
45
- @mixin border-left-radius($radii) {
46
- border-bottom-left-radius: $radii;
47
- border-top-left-radius: $radii;
48
- }
@@ -1,25 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-style` on specific sides of a box. Use a `null` value to “skip” a side.
4
- ///
5
- /// @param {Arglist} $vals
6
- /// List of arguments
7
- ///
8
- /// @example scss - Usage
9
- /// .element {
10
- /// @include border-style(dashed null solid);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .element {
15
- /// border-bottom-style: solid;
16
- /// border-top-style: dashed;
17
- /// }
18
- ///
19
- /// @require {mixin} directional-property
20
- ///
21
- /// @output `border-style`
22
-
23
- @mixin border-style($vals...) {
24
- @include directional-property(border, style, $vals...);
25
- }
@@ -1,25 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-width` on specific sides of a box. Use a `null` value to “skip” a side.
4
- ///
5
- /// @param {Arglist} $vals
6
- /// List of arguments
7
- ///
8
- /// @example scss - Usage
9
- /// .element {
10
- /// @include border-width(1em null 20px);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .element {
15
- /// border-bottom-width: 20px;
16
- /// border-top-width: 1em;
17
- /// }
18
- ///
19
- /// @require {mixin} directional-property
20
- ///
21
- /// @output `border-width`
22
-
23
- @mixin border-width($vals...) {
24
- @include directional-property(border, width, $vals...);
25
- }
@@ -1,64 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Generates variables for all buttons. Please note that you must use interpolation on the variable: `#{$all-buttons}`.
4
- ///
5
- /// @example scss - Usage
6
- /// #{$all-buttons} {
7
- /// background-color: #f00;
8
- /// }
9
- ///
10
- /// #{$all-buttons-focus},
11
- /// #{$all-buttons-hover} {
12
- /// background-color: #0f0;
13
- /// }
14
- ///
15
- /// #{$all-buttons-active} {
16
- /// background-color: #00f;
17
- /// }
18
- ///
19
- /// @example css - CSS Output
20
- /// button,
21
- /// input[type="button"],
22
- /// input[type="reset"],
23
- /// input[type="submit"] {
24
- /// background-color: #f00;
25
- /// }
26
- ///
27
- /// button:focus,
28
- /// input[type="button"]:focus,
29
- /// input[type="reset"]:focus,
30
- /// input[type="submit"]:focus,
31
- /// button:hover,
32
- /// input[type="button"]:hover,
33
- /// input[type="reset"]:hover,
34
- /// input[type="submit"]:hover {
35
- /// background-color: #0f0;
36
- /// }
37
- ///
38
- /// button:active,
39
- /// input[type="button"]:active,
40
- /// input[type="reset"]:active,
41
- /// input[type="submit"]:active {
42
- /// background-color: #00f;
43
- /// }
44
- ///
45
- /// @require assign-inputs
46
- ///
47
- /// @type List
48
- ///
49
- /// @todo Remove double assigned variables (Lines 59–62) in v5.0.0
50
-
51
- $buttons-list: 'button',
52
- 'input[type="button"]',
53
- 'input[type="reset"]',
54
- 'input[type="submit"]';
55
-
56
- $all-buttons: assign-inputs($buttons-list);
57
- $all-buttons-active: assign-inputs($buttons-list, active);
58
- $all-buttons-focus: assign-inputs($buttons-list, focus);
59
- $all-buttons-hover: assign-inputs($buttons-list, hover);
60
-
61
- $all-button-inputs: $all-buttons;
62
- $all-button-inputs-active: $all-buttons-active;
63
- $all-button-inputs-focus: $all-buttons-focus;
64
- $all-button-inputs-hover: $all-buttons-hover;