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,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;