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,42 +0,0 @@
1
- //************************************************************************//
2
- // Background-image property for adding multiple background images with
3
- // gradients, or for stringing multiple gradients together.
4
- //************************************************************************//
5
-
6
- @mixin background-image($images...) {
7
- $webkit-images: ();
8
- $spec-images: ();
9
-
10
- @each $image in $images {
11
- $webkit-image: ();
12
- $spec-image: ();
13
-
14
- @if (type-of($image) == string) {
15
- $url-str: str-slice($image, 0, 3);
16
- $gradient-type: str-slice($image, 0, 6);
17
-
18
- @if $url-str == "url" {
19
- $webkit-image: $image;
20
- $spec-image: $image;
21
- }
22
-
23
- @else if $gradient-type == "linear" {
24
- $gradients: _linear-gradient-parser($image);
25
- $webkit-image: map-get($gradients, webkit-image);
26
- $spec-image: map-get($gradients, spec-image);
27
- }
28
-
29
- @else if $gradient-type == "radial" {
30
- $gradients: _radial-gradient-parser($image);
31
- $webkit-image: map-get($gradients, webkit-image);
32
- $spec-image: map-get($gradients, spec-image);
33
- }
34
- }
35
-
36
- $webkit-images: append($webkit-images, $webkit-image, comma);
37
- $spec-images: append($spec-images, $spec-image, comma);
38
- }
39
-
40
- background-image: $webkit-images;
41
- background-image: $spec-images;
42
- }
@@ -1,55 +0,0 @@
1
- //************************************************************************//
2
- // Background property for adding multiple backgrounds using shorthand
3
- // notation.
4
- //************************************************************************//
5
-
6
- @mixin background($backgrounds...) {
7
- $webkit-backgrounds: ();
8
- $spec-backgrounds: ();
9
-
10
- @each $background in $backgrounds {
11
- $webkit-background: ();
12
- $spec-background: ();
13
- $background-type: type-of($background);
14
-
15
- @if $background-type == string or $background-type == list {
16
- $background-str: if($background-type == list, nth($background, 1), $background);
17
-
18
- $url-str: str-slice($background-str, 0, 3);
19
- $gradient-type: str-slice($background-str, 0, 6);
20
-
21
- @if $url-str == "url" {
22
- $webkit-background: $background;
23
- $spec-background: $background;
24
- }
25
-
26
- @else if $gradient-type == "linear" {
27
- $gradients: _linear-gradient-parser("#{$background}");
28
- $webkit-background: map-get($gradients, webkit-image);
29
- $spec-background: map-get($gradients, spec-image);
30
- }
31
-
32
- @else if $gradient-type == "radial" {
33
- $gradients: _radial-gradient-parser("#{$background}");
34
- $webkit-background: map-get($gradients, webkit-image);
35
- $spec-background: map-get($gradients, spec-image);
36
- }
37
-
38
- @else {
39
- $webkit-background: $background;
40
- $spec-background: $background;
41
- }
42
- }
43
-
44
- @else {
45
- $webkit-background: $background;
46
- $spec-background: $background;
47
- }
48
-
49
- $webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma);
50
- $spec-backgrounds: append($spec-backgrounds, $spec-background, comma);
51
- }
52
-
53
- background: $webkit-backgrounds;
54
- background: $spec-backgrounds;
55
- }
@@ -1,59 +0,0 @@
1
- @mixin border-image($borders...) {
2
- $webkit-borders: ();
3
- $spec-borders: ();
4
-
5
- @each $border in $borders {
6
- $webkit-border: ();
7
- $spec-border: ();
8
- $border-type: type-of($border);
9
-
10
- @if $border-type == string or list {
11
- $border-str: if($border-type == list, nth($border, 1), $border);
12
-
13
- $url-str: str-slice($border-str, 0, 3);
14
- $gradient-type: str-slice($border-str, 0, 6);
15
-
16
- @if $url-str == "url" {
17
- $webkit-border: $border;
18
- $spec-border: $border;
19
- }
20
-
21
- @else if $gradient-type == "linear" {
22
- $gradients: _linear-gradient-parser("#{$border}");
23
- $webkit-border: map-get($gradients, webkit-image);
24
- $spec-border: map-get($gradients, spec-image);
25
- }
26
-
27
- @else if $gradient-type == "radial" {
28
- $gradients: _radial-gradient-parser("#{$border}");
29
- $webkit-border: map-get($gradients, webkit-image);
30
- $spec-border: map-get($gradients, spec-image);
31
- }
32
-
33
- @else {
34
- $webkit-border: $border;
35
- $spec-border: $border;
36
- }
37
- }
38
-
39
- @else {
40
- $webkit-border: $border;
41
- $spec-border: $border;
42
- }
43
-
44
- $webkit-borders: append($webkit-borders, $webkit-border, comma);
45
- $spec-borders: append($spec-borders, $spec-border, comma);
46
- }
47
-
48
- -webkit-border-image: $webkit-borders;
49
- border-image: $spec-borders;
50
- border-style: solid;
51
- }
52
-
53
- //Examples:
54
- // @include border-image(url("image.png"));
55
- // @include border-image(url("image.png") 20 stretch);
56
- // @include border-image(linear-gradient(45deg, orange, yellow));
57
- // @include border-image(linear-gradient(45deg, orange, yellow) stretch);
58
- // @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
59
- // @include border-image(radial-gradient(top, cover, orange, yellow, orange));
@@ -1,4 +0,0 @@
1
- @mixin calc($property, $value) {
2
- #{$property}: -webkit-calc(#{$value});
3
- #{$property}: calc(#{$value});
4
- }
@@ -1,47 +0,0 @@
1
- @mixin columns($arg: auto) {
2
- // <column-count> || <column-width>
3
- @include prefixer(columns, $arg, webkit moz spec);
4
- }
5
-
6
- @mixin column-count($int: auto) {
7
- // auto || integer
8
- @include prefixer(column-count, $int, webkit moz spec);
9
- }
10
-
11
- @mixin column-gap($length: normal) {
12
- // normal || length
13
- @include prefixer(column-gap, $length, webkit moz spec);
14
- }
15
-
16
- @mixin column-fill($arg: auto) {
17
- // auto || length
18
- @include prefixer(column-fill, $arg, webkit moz spec);
19
- }
20
-
21
- @mixin column-rule($arg) {
22
- // <border-width> || <border-style> || <color>
23
- @include prefixer(column-rule, $arg, webkit moz spec);
24
- }
25
-
26
- @mixin column-rule-color($color) {
27
- @include prefixer(column-rule-color, $color, webkit moz spec);
28
- }
29
-
30
- @mixin column-rule-style($style: none) {
31
- // none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
32
- @include prefixer(column-rule-style, $style, webkit moz spec);
33
- }
34
-
35
- @mixin column-rule-width ($width: none) {
36
- @include prefixer(column-rule-width, $width, webkit moz spec);
37
- }
38
-
39
- @mixin column-span($arg: none) {
40
- // none || all
41
- @include prefixer(column-span, $arg, webkit moz spec);
42
- }
43
-
44
- @mixin column-width($length: auto) {
45
- // auto || length
46
- @include prefixer(column-width, $length, webkit moz spec);
47
- }
@@ -1,4 +0,0 @@
1
- @mixin filter($function: none) {
2
- // <filter-function> [<filter-function]* | none
3
- @include prefixer(filter, $function, webkit spec);
4
- }
@@ -1,287 +0,0 @@
1
- // CSS3 Flexible Box Model and property defaults
2
-
3
- // Custom shorthand notation for flexbox
4
- @mixin box($orient: inline-axis, $pack: start, $align: stretch) {
5
- @include display-box;
6
- @include box-orient($orient);
7
- @include box-pack($pack);
8
- @include box-align($align);
9
- }
10
-
11
- @mixin display-box {
12
- display: -webkit-box;
13
- display: -moz-box;
14
- display: -ms-flexbox; // IE 10
15
- display: box;
16
- }
17
-
18
- @mixin box-orient($orient: inline-axis) {
19
- // horizontal|vertical|inline-axis|block-axis|inherit
20
- @include prefixer(box-orient, $orient, webkit moz spec);
21
- }
22
-
23
- @mixin box-pack($pack: start) {
24
- // start|end|center|justify
25
- @include prefixer(box-pack, $pack, webkit moz spec);
26
- -ms-flex-pack: $pack; // IE 10
27
- }
28
-
29
- @mixin box-align($align: stretch) {
30
- // start|end|center|baseline|stretch
31
- @include prefixer(box-align, $align, webkit moz spec);
32
- -ms-flex-align: $align; // IE 10
33
- }
34
-
35
- @mixin box-direction($direction: normal) {
36
- // normal|reverse|inherit
37
- @include prefixer(box-direction, $direction, webkit moz spec);
38
- -ms-flex-direction: $direction; // IE 10
39
- }
40
-
41
- @mixin box-lines($lines: single) {
42
- // single|multiple
43
- @include prefixer(box-lines, $lines, webkit moz spec);
44
- }
45
-
46
- @mixin box-ordinal-group($int: 1) {
47
- @include prefixer(box-ordinal-group, $int, webkit moz spec);
48
- -ms-flex-order: $int; // IE 10
49
- }
50
-
51
- @mixin box-flex($value: 0) {
52
- @include prefixer(box-flex, $value, webkit moz spec);
53
- -ms-flex: $value; // IE 10
54
- }
55
-
56
- @mixin box-flex-group($int: 1) {
57
- @include prefixer(box-flex-group, $int, webkit moz spec);
58
- }
59
-
60
- // CSS3 Flexible Box Model and property defaults
61
- // Unified attributes for 2009, 2011, and 2012 flavours.
62
-
63
- // 2009 - display (box | inline-box)
64
- // 2011 - display (flexbox | inline-flexbox)
65
- // 2012 - display (flex | inline-flex)
66
- @mixin display($value) {
67
- // flex | inline-flex
68
- @if $value == "flex" {
69
- // 2009
70
- display: -webkit-box;
71
- display: -moz-box;
72
- display: box;
73
-
74
- // 2012
75
- display: -webkit-flex;
76
- display: -moz-flex;
77
- display: -ms-flexbox; // 2011 (IE 10)
78
- display: flex;
79
- } @else if $value == "inline-flex" {
80
- display: -webkit-inline-box;
81
- display: -moz-inline-box;
82
- display: inline-box;
83
-
84
- display: -webkit-inline-flex;
85
- display: -moz-inline-flex;
86
- display: -ms-inline-flexbox;
87
- display: inline-flex;
88
- } @else {
89
- display: $value;
90
- }
91
- }
92
-
93
- // 2009 - box-flex (integer)
94
- // 2011 - flex (decimal | width decimal)
95
- // 2012 - flex (integer integer width)
96
- @mixin flex($value) {
97
-
98
- // Grab flex-grow for older browsers.
99
- $flex-grow: nth($value, 1);
100
-
101
- // 2009
102
- @include prefixer(box-flex, $flex-grow, webkit moz spec);
103
-
104
- // 2011 (IE 10), 2012
105
- @include prefixer(flex, $value, webkit moz ms spec);
106
- }
107
-
108
- // 2009 - box-orient ( horizontal | vertical | inline-axis | block-axis)
109
- // - box-direction (normal | reverse)
110
- // 2011 - flex-direction (row | row-reverse | column | column-reverse)
111
- // 2012 - flex-direction (row | row-reverse | column | column-reverse)
112
- @mixin flex-direction($value: row) {
113
-
114
- // Alt values.
115
- $value-2009: $value;
116
- $value-2011: $value;
117
- $direction: normal;
118
-
119
- @if $value == row {
120
- $value-2009: horizontal;
121
- } @else if $value == "row-reverse" {
122
- $value-2009: horizontal;
123
- $direction: reverse;
124
- } @else if $value == column {
125
- $value-2009: vertical;
126
- } @else if $value == "column-reverse" {
127
- $value-2009: vertical;
128
- $direction: reverse;
129
- }
130
-
131
- // 2009
132
- @include prefixer(box-orient, $value-2009, webkit moz spec);
133
- @include prefixer(box-direction, $direction, webkit moz spec);
134
-
135
- // 2012
136
- @include prefixer(flex-direction, $value, webkit moz spec);
137
-
138
- // 2011 (IE 10)
139
- -ms-flex-direction: $value;
140
- }
141
-
142
- // 2009 - box-lines (single | multiple)
143
- // 2011 - flex-wrap (nowrap | wrap | wrap-reverse)
144
- // 2012 - flex-wrap (nowrap | wrap | wrap-reverse)
145
- @mixin flex-wrap($value: nowrap) {
146
- // Alt values
147
- $alt-value: $value;
148
- @if $value == nowrap {
149
- $alt-value: single;
150
- } @else if $value == wrap {
151
- $alt-value: multiple;
152
- } @else if $value == "wrap-reverse" {
153
- $alt-value: multiple;
154
- }
155
-
156
- @include prefixer(box-lines, $alt-value, webkit moz spec);
157
- @include prefixer(flex-wrap, $value, webkit moz ms spec);
158
- }
159
-
160
- // 2009 - TODO: parse values into flex-direction/flex-wrap
161
- // 2011 - TODO: parse values into flex-direction/flex-wrap
162
- // 2012 - flex-flow (flex-direction || flex-wrap)
163
- @mixin flex-flow($value) {
164
- @include prefixer(flex-flow, $value, webkit moz spec);
165
- }
166
-
167
- // 2009 - box-ordinal-group (integer)
168
- // 2011 - flex-order (integer)
169
- // 2012 - order (integer)
170
- @mixin order($int: 0) {
171
- // 2009
172
- @include prefixer(box-ordinal-group, $int, webkit moz spec);
173
-
174
- // 2012
175
- @include prefixer(order, $int, webkit moz spec);
176
-
177
- // 2011 (IE 10)
178
- -ms-flex-order: $int;
179
- }
180
-
181
- // 2012 - flex-grow (number)
182
- @mixin flex-grow($number: 0) {
183
- @include prefixer(flex-grow, $number, webkit moz spec);
184
- -ms-flex-positive: $number;
185
- }
186
-
187
- // 2012 - flex-shrink (number)
188
- @mixin flex-shrink($number: 1) {
189
- @include prefixer(flex-shrink, $number, webkit moz spec);
190
- -ms-flex-negative: $number;
191
- }
192
-
193
- // 2012 - flex-basis (number)
194
- @mixin flex-basis($width: auto) {
195
- @include prefixer(flex-basis, $width, webkit moz spec);
196
- -ms-flex-preferred-size: $width;
197
- }
198
-
199
- // 2009 - box-pack (start | end | center | justify)
200
- // 2011 - flex-pack (start | end | center | justify)
201
- // 2012 - justify-content (flex-start | flex-end | center | space-between | space-around)
202
- @mixin justify-content($value: flex-start) {
203
-
204
- // Alt values.
205
- $alt-value: $value;
206
- @if $value == "flex-start" {
207
- $alt-value: start;
208
- } @else if $value == "flex-end" {
209
- $alt-value: end;
210
- } @else if $value == "space-between" {
211
- $alt-value: justify;
212
- } @else if $value == "space-around" {
213
- $alt-value: distribute;
214
- }
215
-
216
- // 2009
217
- @include prefixer(box-pack, $alt-value, webkit moz spec);
218
-
219
- // 2012
220
- @include prefixer(justify-content, $value, webkit moz ms o spec);
221
-
222
- // 2011 (IE 10)
223
- -ms-flex-pack: $alt-value;
224
- }
225
-
226
- // 2009 - box-align (start | end | center | baseline | stretch)
227
- // 2011 - flex-align (start | end | center | baseline | stretch)
228
- // 2012 - align-items (flex-start | flex-end | center | baseline | stretch)
229
- @mixin align-items($value: stretch) {
230
-
231
- $alt-value: $value;
232
-
233
- @if $value == "flex-start" {
234
- $alt-value: start;
235
- } @else if $value == "flex-end" {
236
- $alt-value: end;
237
- }
238
-
239
- // 2009
240
- @include prefixer(box-align, $alt-value, webkit moz spec);
241
-
242
- // 2012
243
- @include prefixer(align-items, $value, webkit moz ms o spec);
244
-
245
- // 2011 (IE 10)
246
- -ms-flex-align: $alt-value;
247
- }
248
-
249
- // 2011 - flex-item-align (auto | start | end | center | baseline | stretch)
250
- // 2012 - align-self (auto | flex-start | flex-end | center | baseline | stretch)
251
- @mixin align-self($value: auto) {
252
-
253
- $value-2011: $value;
254
- @if $value == "flex-start" {
255
- $value-2011: start;
256
- } @else if $value == "flex-end" {
257
- $value-2011: end;
258
- }
259
-
260
- // 2012
261
- @include prefixer(align-self, $value, webkit moz spec);
262
-
263
- // 2011 (IE 10)
264
- -ms-flex-item-align: $value-2011;
265
- }
266
-
267
- // 2011 - flex-line-pack (start | end | center | justify | distribute | stretch)
268
- // 2012 - align-content (flex-start | flex-end | center | space-between | space-around | stretch)
269
- @mixin align-content($value: stretch) {
270
-
271
- $value-2011: $value;
272
- @if $value == "flex-start" {
273
- $value-2011: start;
274
- } @else if $value == "flex-end" {
275
- $value-2011: end;
276
- } @else if $value == "space-between" {
277
- $value-2011: justify;
278
- } @else if $value == "space-around" {
279
- $value-2011: distribute;
280
- }
281
-
282
- // 2012
283
- @include prefixer(align-content, $value, webkit moz spec);
284
-
285
- // 2011 (IE 10)
286
- -ms-flex-line-pack: $value-2011;
287
- }
@@ -1,24 +0,0 @@
1
- @mixin font-face(
2
- $font-family,
3
- $file-path,
4
- $weight: normal,
5
- $style: normal,
6
- $asset-pipeline: $asset-pipeline,
7
- $file-formats: eot woff2 woff ttf svg) {
8
-
9
- $font-url-prefix: font-url-prefixer($asset-pipeline);
10
-
11
- @font-face {
12
- font-family: $font-family;
13
- font-style: $style;
14
- font-weight: $weight;
15
-
16
- src: font-source-declaration(
17
- $font-family,
18
- $file-path,
19
- $asset-pipeline,
20
- $file-formats,
21
- $font-url-prefix
22
- );
23
- }
24
- }
@@ -1,4 +0,0 @@
1
- @mixin font-feature-settings($settings...) {
2
- @if length($settings) == 0 { $settings: none; }
3
- @include prefixer(font-feature-settings, $settings, webkit moz ms spec);
4
- }
@@ -1,10 +0,0 @@
1
- // HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/)
2
- @mixin hidpi($ratio: 1.3) {
3
- @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
4
- only screen and (min--moz-device-pixel-ratio: $ratio),
5
- only screen and (-o-min-device-pixel-ratio: #{$ratio}/1),
6
- only screen and (min-resolution: round($ratio * 96dpi)),
7
- only screen and (min-resolution: $ratio * 1dppx) {
8
- @content;
9
- }
10
- }
@@ -1,4 +0,0 @@
1
- @mixin hyphens($hyphenation: none) {
2
- // none | manual | auto
3
- @include prefixer(hyphens, $hyphenation, webkit moz ms spec);
4
- }
@@ -1,14 +0,0 @@
1
- @mixin image-rendering ($mode:auto) {
2
-
3
- @if ($mode == crisp-edges) {
4
- -ms-interpolation-mode: nearest-neighbor; // IE8+
5
- image-rendering: -moz-crisp-edges;
6
- image-rendering: -o-crisp-edges;
7
- image-rendering: -webkit-optimize-contrast;
8
- image-rendering: crisp-edges;
9
- }
10
-
11
- @else {
12
- image-rendering: $mode;
13
- }
14
- }
@@ -1,36 +0,0 @@
1
- // Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content
2
- @mixin keyframes($name) {
3
- $original-prefix-for-webkit: $prefix-for-webkit;
4
- $original-prefix-for-mozilla: $prefix-for-mozilla;
5
- $original-prefix-for-microsoft: $prefix-for-microsoft;
6
- $original-prefix-for-opera: $prefix-for-opera;
7
- $original-prefix-for-spec: $prefix-for-spec;
8
-
9
- @if $original-prefix-for-webkit {
10
- @include disable-prefix-for-all();
11
- $prefix-for-webkit: true !global;
12
- @-webkit-keyframes #{$name} {
13
- @content;
14
- }
15
- }
16
-
17
- @if $original-prefix-for-mozilla {
18
- @include disable-prefix-for-all();
19
- $prefix-for-mozilla: true !global;
20
- @-moz-keyframes #{$name} {
21
- @content;
22
- }
23
- }
24
-
25
- $prefix-for-webkit: $original-prefix-for-webkit !global;
26
- $prefix-for-mozilla: $original-prefix-for-mozilla !global;
27
- $prefix-for-microsoft: $original-prefix-for-microsoft !global;
28
- $prefix-for-opera: $original-prefix-for-opera !global;
29
- $prefix-for-spec: $original-prefix-for-spec !global;
30
-
31
- @if $original-prefix-for-spec {
32
- @keyframes #{$name} {
33
- @content;
34
- }
35
- }
36
- }
@@ -1,38 +0,0 @@
1
- @mixin linear-gradient($pos, $g1, $g2: null,
2
- $g3: null, $g4: null,
3
- $g5: null, $g6: null,
4
- $g7: null, $g8: null,
5
- $g9: null, $g10: null,
6
- $fallback: null) {
7
- // Detect what type of value exists in $pos
8
- $pos-type: type-of(nth($pos, 1));
9
- $pos-spec: null;
10
- $pos-degree: null;
11
-
12
- // If $pos is missing from mixin, reassign vars and add default position
13
- @if ($pos-type == color) or (nth($pos, 1) == "transparent") {
14
- $g10: $g9; $g9: $g8; $g8: $g7; $g7: $g6; $g6: $g5;
15
- $g5: $g4; $g4: $g3; $g3: $g2; $g2: $g1; $g1: $pos;
16
- $pos: null;
17
- }
18
-
19
- @if $pos {
20
- $positions: _linear-positions-parser($pos);
21
- $pos-degree: nth($positions, 1);
22
- $pos-spec: nth($positions, 2);
23
- }
24
-
25
- $full: $g1, $g2, $g3, $g4, $g5, $g6, $g7, $g8, $g9, $g10;
26
-
27
- // Set $g1 as the default fallback color
28
- $fallback-color: nth($g1, 1);
29
-
30
- // If $fallback is a color use that color as the fallback color
31
- @if (type-of($fallback) == color) or ($fallback == "transparent") {
32
- $fallback-color: $fallback;
33
- }
34
-
35
- background-color: $fallback-color;
36
- background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome
37
- background-image: unquote("linear-gradient(#{$pos-spec}#{$full})");
38
- }
@@ -1,8 +0,0 @@
1
- @mixin perspective($depth: none) {
2
- // none | <length>
3
- @include prefixer(perspective, $depth, webkit moz spec);
4
- }
5
-
6
- @mixin perspective-origin($value: 50% 50%) {
7
- @include prefixer(perspective-origin, $value, webkit moz spec);
8
- }
@@ -1,8 +0,0 @@
1
- @mixin placeholder {
2
- $placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input";
3
- @each $placeholder in $placeholders {
4
- &:#{$placeholder}-placeholder {
5
- @content;
6
- }
7
- }
8
- }