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,25 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides an easy way to include a clearfix for containing floats.
4
- ///
5
- /// @link http://cssmojo.com/latest_new_clearfix_so_far/
6
- ///
7
- /// @example scss - Usage
8
- /// .element {
9
- /// @include clearfix;
10
- /// }
11
- ///
12
- /// @example css - CSS Output
13
- /// .element::after {
14
- /// clear: both;
15
- /// content: "";
16
- /// display: table;
17
- /// }
18
-
19
- @mixin clearfix {
20
- &::after {
21
- clear: both;
22
- content: "";
23
- display: table;
24
- }
25
- }
@@ -1,30 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Truncates text and adds an ellipsis to represent overflow.
4
- ///
5
- /// @param {Number} $width [100%]
6
- /// Max-width for the string to respect before being truncated
7
- ///
8
- /// @example scss - Usage
9
- /// .element {
10
- /// @include ellipsis;
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .element {
15
- /// display: inline-block;
16
- /// max-width: 100%;
17
- /// overflow: hidden;
18
- /// text-overflow: ellipsis;
19
- /// white-space: nowrap;
20
- /// word-wrap: normal;
21
- /// }
22
-
23
- @mixin ellipsis($width: 100%) {
24
- display: inline-block;
25
- max-width: $width;
26
- overflow: hidden;
27
- text-overflow: ellipsis;
28
- white-space: nowrap;
29
- word-wrap: normal;
30
- }
@@ -1,31 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Georgia font stack.
4
- ///
5
- /// @type List
6
-
7
- $georgia: "Georgia", "Cambria", "Times New Roman", "Times", serif;
8
-
9
- /// Helvetica font stack.
10
- ///
11
- /// @type List
12
-
13
- $helvetica: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
14
-
15
- /// Lucida Grande font stack.
16
- ///
17
- /// @type List
18
-
19
- $lucida-grande: "Lucida Grande", "Tahoma", "Verdana", "Arial", sans-serif;
20
-
21
- /// Monospace font stack.
22
- ///
23
- /// @type List
24
-
25
- $monospace: "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
26
-
27
- /// Verdana font stack.
28
- ///
29
- /// @type List
30
-
31
- $verdana: "Verdana", "Geneva", sans-serif;
@@ -1,27 +0,0 @@
1
- /// Hides the text in an element, commonly used to show an image. Some elements will need block-level styles applied.
2
- ///
3
- /// @link http://zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
4
- ///
5
- /// @example scss - Usage
6
- /// .element {
7
- /// @include hide-text;
8
- /// }
9
- ///
10
- /// @example css - CSS Output
11
- /// .element {
12
- /// overflow: hidden;
13
- /// text-indent: 101%;
14
- /// white-space: nowrap;
15
- /// }
16
- ///
17
- /// @todo Remove height argument in v5.0.0
18
-
19
- @mixin hide-text($height: null) {
20
- overflow: hidden;
21
- text-indent: 101%;
22
- white-space: nowrap;
23
-
24
- @if $height {
25
- @warn "The `hide-text` mixin has changed and no longer requires a height. The height argument will no longer be accepted in v5.0.0";
26
- }
27
- }
@@ -1,26 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `margin` 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 margin(null 10px 3em 20vh);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .element {
15
- /// margin-bottom: 3em;
16
- /// margin-left: 20vh;
17
- /// margin-right: 10px;
18
- /// }
19
- ///
20
- /// @require {mixin} directional-property
21
- ///
22
- /// @output `margin`
23
-
24
- @mixin margin($vals...) {
25
- @include directional-property(margin, false, $vals...);
26
- }
@@ -1,26 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `padding` 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 padding(12vh null 10px 5%);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .element {
15
- /// padding-bottom: 10px;
16
- /// padding-left: 5%;
17
- /// padding-top: 12vh;
18
- /// }
19
- ///
20
- /// @require {mixin} directional-property
21
- ///
22
- /// @output `padding`
23
-
24
- @mixin padding($vals...) {
25
- @include directional-property(padding, false, $vals...);
26
- }
@@ -1,48 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for setting an element’s position. Use a `null` value to “skip” a side.
4
- ///
5
- /// @param {Position} $position [relative]
6
- /// A CSS position value
7
- ///
8
- /// @param {Arglist} $coordinates [null null null null]
9
- /// List of values that correspond to the 4-value syntax for the edges of a box
10
- ///
11
- /// @example scss - Usage
12
- /// .element {
13
- /// @include position(absolute, 0 null null 10em);
14
- /// }
15
- ///
16
- /// @example css - CSS Output
17
- /// .element {
18
- /// left: 10em;
19
- /// position: absolute;
20
- /// top: 0;
21
- /// }
22
- ///
23
- /// @require {function} is-length
24
- /// @require {function} unpack
25
-
26
- @mixin position($position: relative, $coordinates: null null null null) {
27
- @if type-of($position) == list {
28
- $coordinates: $position;
29
- $position: relative;
30
- }
31
-
32
- $coordinates: unpack($coordinates);
33
-
34
- $offsets: (
35
- top: nth($coordinates, 1),
36
- right: nth($coordinates, 2),
37
- bottom: nth($coordinates, 3),
38
- left: nth($coordinates, 4)
39
- );
40
-
41
- position: $position;
42
-
43
- @each $offset, $value in $offsets {
44
- @if is-length($value) {
45
- #{$offset}: $value;
46
- }
47
- }
48
- }
@@ -1,66 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// A mixin for generating vendor prefixes on non-standardized properties.
4
- ///
5
- /// @param {String} $property
6
- /// Property to prefix
7
- ///
8
- /// @param {*} $value
9
- /// Value to use
10
- ///
11
- /// @param {List} $prefixes
12
- /// Prefixes to define
13
- ///
14
- /// @example scss - Usage
15
- /// .element {
16
- /// @include prefixer(border-radius, 10px, webkit ms spec);
17
- /// }
18
- ///
19
- /// @example css - CSS Output
20
- /// .element {
21
- /// -webkit-border-radius: 10px;
22
- /// -moz-border-radius: 10px;
23
- /// border-radius: 10px;
24
- /// }
25
- ///
26
- /// @require {variable} $prefix-for-webkit
27
- /// @require {variable} $prefix-for-mozilla
28
- /// @require {variable} $prefix-for-microsoft
29
- /// @require {variable} $prefix-for-opera
30
- /// @require {variable} $prefix-for-spec
31
-
32
- @mixin prefixer($property, $value, $prefixes) {
33
- @each $prefix in $prefixes {
34
- @if $prefix == webkit {
35
- @if $prefix-for-webkit {
36
- -webkit-#{$property}: $value;
37
- }
38
- } @else if $prefix == moz {
39
- @if $prefix-for-mozilla {
40
- -moz-#{$property}: $value;
41
- }
42
- } @else if $prefix == ms {
43
- @if $prefix-for-microsoft {
44
- -ms-#{$property}: $value;
45
- }
46
- } @else if $prefix == o {
47
- @if $prefix-for-opera {
48
- -o-#{$property}: $value;
49
- }
50
- } @else if $prefix == spec {
51
- @if $prefix-for-spec {
52
- #{$property}: $value;
53
- }
54
- } @else {
55
- @warn "Unrecognized prefix: #{$prefix}";
56
- }
57
- }
58
- }
59
-
60
- @mixin disable-prefix-for-all() {
61
- $prefix-for-webkit: false !global;
62
- $prefix-for-mozilla: false !global;
63
- $prefix-for-microsoft: false !global;
64
- $prefix-for-opera: false !global;
65
- $prefix-for-spec: false !global;
66
- }
@@ -1,25 +0,0 @@
1
- @mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: $asset-pipeline) {
2
- @if $asset-pipeline {
3
- background-image: image-url("#{$filename}.#{$extension}");
4
- } @else {
5
- background-image: url("#{$filename}.#{$extension}");
6
- }
7
-
8
- @include hidpi {
9
- @if $asset-pipeline {
10
- @if $retina-filename {
11
- background-image: image-url("#{$retina-filename}.#{$extension}");
12
- } @else {
13
- background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}");
14
- }
15
- } @else {
16
- @if $retina-filename {
17
- background-image: url("#{$retina-filename}.#{$extension}");
18
- } @else {
19
- background-image: url("#{$filename}#{$retina-suffix}.#{$extension}");
20
- }
21
- }
22
-
23
- background-size: $background-size;
24
- }
25
- }
@@ -1,51 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Sets the `width` and `height` of the element.
4
- ///
5
- /// @param {List} $size
6
- /// A list of at most 2 size values.
7
- ///
8
- /// If there is only a single value in `$size` it is used for both width and height. All units are supported.
9
- ///
10
- /// @example scss - Usage
11
- /// .first-element {
12
- /// @include size(2em);
13
- /// }
14
- ///
15
- /// .second-element {
16
- /// @include size(auto 10em);
17
- /// }
18
- ///
19
- /// @example css - CSS Output
20
- /// .first-element {
21
- /// width: 2em;
22
- /// height: 2em;
23
- /// }
24
- ///
25
- /// .second-element {
26
- /// width: auto;
27
- /// height: 10em;
28
- /// }
29
- ///
30
- /// @todo Refactor in 5.0.0 to use a comma-separated argument
31
-
32
- @mixin size($value) {
33
- $width: nth($value, 1);
34
- $height: $width;
35
-
36
- @if length($value) > 1 {
37
- $height: nth($value, 2);
38
- }
39
-
40
- @if is-size($height) {
41
- height: $height;
42
- } @else {
43
- @warn "`#{$height}` is not a valid length for the `$height` parameter in the `size` mixin.";
44
- }
45
-
46
- @if is-size($width) {
47
- width: $width;
48
- } @else {
49
- @warn "`#{$width}` is not a valid length for the `$width` parameter in the `size` mixin.";
50
- }
51
- }
@@ -1,112 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Generates variables for all text-based inputs. Please note that you must use interpolation on the variable: `#{$all-text-inputs}`.
4
- ///
5
- /// @example scss - Usage
6
- /// #{$all-text-inputs} {
7
- /// border: 1px solid #f00;
8
- /// }
9
- ///
10
- /// #{$all-text-inputs-focus},
11
- /// #{$all-text-inputs-hover} {
12
- /// border: 1px solid #0f0;
13
- /// }
14
- ///
15
- /// #{$all-text-inputs-active} {
16
- /// border: 1px solid #00f;
17
- /// }
18
- ///
19
- /// @example css - CSS Output
20
- /// input[type="color"],
21
- /// input[type="date"],
22
- /// input[type="datetime"],
23
- /// input[type="datetime-local"],
24
- /// input[type="email"],
25
- /// input[type="month"],
26
- /// input[type="number"],
27
- /// input[type="password"],
28
- /// input[type="search"],
29
- /// input[type="tel"],
30
- /// input[type="text"],
31
- /// input[type="time"],
32
- /// input[type="url"],
33
- /// input[type="week"],
34
- /// textarea {
35
- /// border: 1px solid #f00;
36
- /// }
37
- ///
38
- /// input[type="color"]:focus,
39
- /// input[type="date"]:focus,
40
- /// input[type="datetime"]:focus,
41
- /// input[type="datetime-local"]:focus,
42
- /// input[type="email"]:focus,
43
- /// input[type="month"]:focus,
44
- /// input[type="number"]:focus,
45
- /// input[type="password"]:focus,
46
- /// input[type="search"]:focus,
47
- /// input[type="tel"]:focus,
48
- /// input[type="text"]:focus,
49
- /// input[type="time"]:focus,
50
- /// input[type="url"]:focus,
51
- /// input[type="week"]:focus,
52
- /// textarea:focus,
53
- /// input[type="color"]:hover,
54
- /// input[type="date"]:hover,
55
- /// input[type="datetime"]:hover,
56
- /// input[type="datetime-local"]:hover,
57
- /// input[type="email"]:hover,
58
- /// input[type="month"]:hover,
59
- /// input[type="number"]:hover,
60
- /// input[type="password"]:hover,
61
- /// input[type="search"]:hover,
62
- /// input[type="tel"]:hover,
63
- /// input[type="text"]:hover,
64
- /// input[type="time"]:hover,
65
- /// input[type="url"]:hover,
66
- /// input[type="week"]:hover,
67
- /// textarea:hover {
68
- /// border: 1px solid #0f0;
69
- /// }
70
- ///
71
- /// input[type="color"]:active,
72
- /// input[type="date"]:active,
73
- /// input[type="datetime"]:active,
74
- /// input[type="datetime-local"]:active,
75
- /// input[type="email"]:active,
76
- /// input[type="month"]:active,
77
- /// input[type="number"]:active,
78
- /// input[type="password"]:active,
79
- /// input[type="search"]:active,
80
- /// input[type="tel"]:active,
81
- /// input[type="text"]:active,
82
- /// input[type="time"]:active,
83
- /// input[type="url"]:active,
84
- /// input[type="week"]:active,
85
- /// textarea:active {
86
- /// border: 1px solid #00f;
87
- /// }
88
- ///
89
- /// @require assign-inputs
90
- ///
91
- /// @type List
92
-
93
- $text-inputs-list: 'input[type="color"]',
94
- 'input[type="date"]',
95
- 'input[type="datetime"]',
96
- 'input[type="datetime-local"]',
97
- 'input[type="email"]',
98
- 'input[type="month"]',
99
- 'input[type="number"]',
100
- 'input[type="password"]',
101
- 'input[type="search"]',
102
- 'input[type="tel"]',
103
- 'input[type="text"]',
104
- 'input[type="time"]',
105
- 'input[type="url"]',
106
- 'input[type="week"]',
107
- 'textarea';
108
-
109
- $all-text-inputs: assign-inputs($text-inputs-list);
110
- $all-text-inputs-active: assign-inputs($text-inputs-list, active);
111
- $all-text-inputs-focus: assign-inputs($text-inputs-list, focus);
112
- $all-text-inputs-hover: assign-inputs($text-inputs-list, hover);
@@ -1,34 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
4
- ///
5
- /// Timing functions are the same as demoed here: http://jqueryui.com/resources/demos/effect/easing.html
6
- ///
7
- /// @type cubic-bezier
8
-
9
- $ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
10
- $ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
11
- $ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
12
- $ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
13
- $ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
14
- $ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
15
- $ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
16
- $ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
17
-
18
- $ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
19
- $ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
20
- $ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
21
- $ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
22
- $ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
23
- $ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
24
- $ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
25
- $ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
26
-
27
- $ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
28
- $ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
29
- $ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
30
- $ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
31
- $ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
32
- $ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
33
- $ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
34
- $ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
@@ -1,63 +0,0 @@
1
- @mixin triangle($size, $color, $direction) {
2
- $width: nth($size, 1);
3
- $height: nth($size, length($size));
4
- $foreground-color: nth($color, 1);
5
- $background-color: if(length($color) == 2, nth($color, 2), transparent);
6
- height: 0;
7
- width: 0;
8
-
9
- @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) {
10
- $width: $width / 2;
11
- $height: if(length($size) > 1, $height, $height/2);
12
-
13
- @if $direction == up {
14
- border-bottom: $height solid $foreground-color;
15
- border-left: $width solid $background-color;
16
- border-right: $width solid $background-color;
17
- } @else if $direction == right {
18
- border-bottom: $width solid $background-color;
19
- border-left: $height solid $foreground-color;
20
- border-top: $width solid $background-color;
21
- } @else if $direction == down {
22
- border-left: $width solid $background-color;
23
- border-right: $width solid $background-color;
24
- border-top: $height solid $foreground-color;
25
- } @else if $direction == left {
26
- border-bottom: $width solid $background-color;
27
- border-right: $height solid $foreground-color;
28
- border-top: $width solid $background-color;
29
- }
30
- } @else if ($direction == up-right) or ($direction == up-left) {
31
- border-top: $height solid $foreground-color;
32
-
33
- @if $direction == up-right {
34
- border-left: $width solid $background-color;
35
- } @else if $direction == up-left {
36
- border-right: $width solid $background-color;
37
- }
38
- } @else if ($direction == down-right) or ($direction == down-left) {
39
- border-bottom: $height solid $foreground-color;
40
-
41
- @if $direction == down-right {
42
- border-left: $width solid $background-color;
43
- } @else if $direction == down-left {
44
- border-right: $width solid $background-color;
45
- }
46
- } @else if ($direction == inset-up) {
47
- border-color: $background-color $background-color $foreground-color;
48
- border-style: solid;
49
- border-width: $height $width;
50
- } @else if ($direction == inset-down) {
51
- border-color: $foreground-color $background-color $background-color;
52
- border-style: solid;
53
- border-width: $height $width;
54
- } @else if ($direction == inset-right) {
55
- border-color: $background-color $background-color $background-color $foreground-color;
56
- border-style: solid;
57
- border-width: $width $height;
58
- } @else if ($direction == inset-left) {
59
- border-color: $background-color $foreground-color $background-color $background-color;
60
- border-style: solid;
61
- border-width: $width $height;
62
- }
63
- }
@@ -1,29 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides an easy way to change the `word-wrap` property.
4
- ///
5
- /// @param {String} $wrap [break-word]
6
- /// Value for the `word-break` property.
7
- ///
8
- /// @example scss - Usage
9
- /// .wrapper {
10
- /// @include word-wrap(break-word);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .wrapper {
15
- /// overflow-wrap: break-word;
16
- /// word-break: break-all;
17
- /// word-wrap: break-word;
18
- /// }
19
-
20
- @mixin word-wrap($wrap: break-word) {
21
- overflow-wrap: $wrap;
22
- word-wrap: $wrap;
23
-
24
- @if $wrap == break-word {
25
- word-break: break-all;
26
- } @else {
27
- word-break: $wrap;
28
- }
29
- }
@@ -1,43 +0,0 @@
1
- // http://www.w3.org/TR/css3-animations/#the-animation-name-property-
2
- // Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
3
-
4
- @mixin animation($animations...) {
5
- @include prefixer(animation, $animations, webkit moz spec);
6
- }
7
-
8
- @mixin animation-name($names...) {
9
- @include prefixer(animation-name, $names, webkit moz spec);
10
- }
11
-
12
- @mixin animation-duration($times...) {
13
- @include prefixer(animation-duration, $times, webkit moz spec);
14
- }
15
-
16
- @mixin animation-timing-function($motions...) {
17
- // ease | linear | ease-in | ease-out | ease-in-out
18
- @include prefixer(animation-timing-function, $motions, webkit moz spec);
19
- }
20
-
21
- @mixin animation-iteration-count($values...) {
22
- // infinite | <number>
23
- @include prefixer(animation-iteration-count, $values, webkit moz spec);
24
- }
25
-
26
- @mixin animation-direction($directions...) {
27
- // normal | alternate
28
- @include prefixer(animation-direction, $directions, webkit moz spec);
29
- }
30
-
31
- @mixin animation-play-state($states...) {
32
- // running | paused
33
- @include prefixer(animation-play-state, $states, webkit moz spec);
34
- }
35
-
36
- @mixin animation-delay($times...) {
37
- @include prefixer(animation-delay, $times, webkit moz spec);
38
- }
39
-
40
- @mixin animation-fill-mode($modes...) {
41
- // none | forwards | backwards | both
42
- @include prefixer(animation-fill-mode, $modes, webkit moz spec);
43
- }
@@ -1,3 +0,0 @@
1
- @mixin appearance($value) {
2
- @include prefixer(appearance, $value, webkit moz ms o spec);
3
- }
@@ -1,3 +0,0 @@
1
- @mixin backface-visibility($visibility) {
2
- @include prefixer(backface-visibility, $visibility, webkit spec);
3
- }