english_tea 0.6.2 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (89) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/english_tea.scss +0 -12
  3. data/app/assets/stylesheets/english_tea/modules.scss +1 -0
  4. data/{vendor/assets/stylesheets/snapper.scss → app/assets/stylesheets/english_tea/modules/_snapper.scss} +0 -0
  5. data/app/assets/stylesheets/english_tea/setup/_mixins.scss +486 -0
  6. data/lib/english_tea/version.rb +1 -1
  7. data/vendor/bourbon/LICENSE +21 -0
  8. data/vendor/snapper/LICENSE +21 -0
  9. metadata +5 -83
  10. data/vendor/assets/stylesheets/bourbon.scss +0 -91
  11. data/vendor/assets/stylesheets/bourbon/_bourbon-deprecate.scss +0 -19
  12. data/vendor/assets/stylesheets/bourbon/_bourbon-deprecated-upcoming.scss +0 -425
  13. data/vendor/assets/stylesheets/bourbon/addons/_border-color.scss +0 -29
  14. data/vendor/assets/stylesheets/bourbon/addons/_border-radius.scss +0 -48
  15. data/vendor/assets/stylesheets/bourbon/addons/_border-style.scss +0 -28
  16. data/vendor/assets/stylesheets/bourbon/addons/_border-width.scss +0 -28
  17. data/vendor/assets/stylesheets/bourbon/addons/_buttons.scss +0 -69
  18. data/vendor/assets/stylesheets/bourbon/addons/_clearfix.scss +0 -25
  19. data/vendor/assets/stylesheets/bourbon/addons/_ellipsis.scss +0 -30
  20. data/vendor/assets/stylesheets/bourbon/addons/_font-stacks.scss +0 -31
  21. data/vendor/assets/stylesheets/bourbon/addons/_hide-text.scss +0 -27
  22. data/vendor/assets/stylesheets/bourbon/addons/_margin.scss +0 -29
  23. data/vendor/assets/stylesheets/bourbon/addons/_padding.scss +0 -29
  24. data/vendor/assets/stylesheets/bourbon/addons/_position.scss +0 -51
  25. data/vendor/assets/stylesheets/bourbon/addons/_prefixer.scss +0 -66
  26. data/vendor/assets/stylesheets/bourbon/addons/_retina-image.scss +0 -27
  27. data/vendor/assets/stylesheets/bourbon/addons/_size.scss +0 -56
  28. data/vendor/assets/stylesheets/bourbon/addons/_text-inputs.scss +0 -118
  29. data/vendor/assets/stylesheets/bourbon/addons/_timing-functions.scss +0 -34
  30. data/vendor/assets/stylesheets/bourbon/addons/_triangle.scss +0 -63
  31. data/vendor/assets/stylesheets/bourbon/addons/_word-wrap.scss +0 -29
  32. data/vendor/assets/stylesheets/bourbon/css3/_animation.scss +0 -61
  33. data/vendor/assets/stylesheets/bourbon/css3/_appearance.scss +0 -5
  34. data/vendor/assets/stylesheets/bourbon/css3/_backface-visibility.scss +0 -5
  35. data/vendor/assets/stylesheets/bourbon/css3/_background-image.scss +0 -44
  36. data/vendor/assets/stylesheets/bourbon/css3/_background.scss +0 -57
  37. data/vendor/assets/stylesheets/bourbon/css3/_border-image.scss +0 -61
  38. data/vendor/assets/stylesheets/bourbon/css3/_calc.scss +0 -6
  39. data/vendor/assets/stylesheets/bourbon/css3/_columns.scss +0 -67
  40. data/vendor/assets/stylesheets/bourbon/css3/_filter.scss +0 -6
  41. data/vendor/assets/stylesheets/bourbon/css3/_flex-box.scss +0 -327
  42. data/vendor/assets/stylesheets/bourbon/css3/_font-face.scss +0 -29
  43. data/vendor/assets/stylesheets/bourbon/css3/_font-feature-settings.scss +0 -6
  44. data/vendor/assets/stylesheets/bourbon/css3/_hidpi-media-query.scss +0 -12
  45. data/vendor/assets/stylesheets/bourbon/css3/_hyphens.scss +0 -6
  46. data/vendor/assets/stylesheets/bourbon/css3/_image-rendering.scss +0 -15
  47. data/vendor/assets/stylesheets/bourbon/css3/_keyframes.scss +0 -38
  48. data/vendor/assets/stylesheets/bourbon/css3/_linear-gradient.scss +0 -40
  49. data/vendor/assets/stylesheets/bourbon/css3/_perspective.scss +0 -12
  50. data/vendor/assets/stylesheets/bourbon/css3/_placeholder.scss +0 -10
  51. data/vendor/assets/stylesheets/bourbon/css3/_radial-gradient.scss +0 -40
  52. data/vendor/assets/stylesheets/bourbon/css3/_selection.scss +0 -44
  53. data/vendor/assets/stylesheets/bourbon/css3/_text-decoration.scss +0 -27
  54. data/vendor/assets/stylesheets/bourbon/css3/_transform.scss +0 -21
  55. data/vendor/assets/stylesheets/bourbon/css3/_transition.scss +0 -81
  56. data/vendor/assets/stylesheets/bourbon/css3/_user-select.scss +0 -5
  57. data/vendor/assets/stylesheets/bourbon/functions/_assign-inputs.scss +0 -16
  58. data/vendor/assets/stylesheets/bourbon/functions/_contains-falsy.scss +0 -25
  59. data/vendor/assets/stylesheets/bourbon/functions/_contains.scss +0 -31
  60. data/vendor/assets/stylesheets/bourbon/functions/_is-length.scss +0 -16
  61. data/vendor/assets/stylesheets/bourbon/functions/_is-light.scss +0 -26
  62. data/vendor/assets/stylesheets/bourbon/functions/_is-number.scss +0 -16
  63. data/vendor/assets/stylesheets/bourbon/functions/_is-size.scss +0 -23
  64. data/vendor/assets/stylesheets/bourbon/functions/_modular-scale.scss +0 -74
  65. data/vendor/assets/stylesheets/bourbon/functions/_px-to-em.scss +0 -24
  66. data/vendor/assets/stylesheets/bourbon/functions/_px-to-rem.scss +0 -26
  67. data/vendor/assets/stylesheets/bourbon/functions/_shade.scss +0 -24
  68. data/vendor/assets/stylesheets/bourbon/functions/_strip-units.scss +0 -22
  69. data/vendor/assets/stylesheets/bourbon/functions/_tint.scss +0 -24
  70. data/vendor/assets/stylesheets/bourbon/functions/_transition-property-name.scss +0 -37
  71. data/vendor/assets/stylesheets/bourbon/functions/_unpack.scss +0 -32
  72. data/vendor/assets/stylesheets/bourbon/helpers/_convert-units.scss +0 -26
  73. data/vendor/assets/stylesheets/bourbon/helpers/_directional-values.scss +0 -108
  74. data/vendor/assets/stylesheets/bourbon/helpers/_font-source-declaration.scss +0 -53
  75. data/vendor/assets/stylesheets/bourbon/helpers/_gradient-positions-parser.scss +0 -24
  76. data/vendor/assets/stylesheets/bourbon/helpers/_linear-angle-parser.scss +0 -35
  77. data/vendor/assets/stylesheets/bourbon/helpers/_linear-gradient-parser.scss +0 -51
  78. data/vendor/assets/stylesheets/bourbon/helpers/_linear-positions-parser.scss +0 -77
  79. data/vendor/assets/stylesheets/bourbon/helpers/_linear-side-corner-parser.scss +0 -41
  80. data/vendor/assets/stylesheets/bourbon/helpers/_radial-arg-parser.scss +0 -74
  81. data/vendor/assets/stylesheets/bourbon/helpers/_radial-gradient-parser.scss +0 -55
  82. data/vendor/assets/stylesheets/bourbon/helpers/_radial-positions-parser.scss +0 -28
  83. data/vendor/assets/stylesheets/bourbon/helpers/_render-gradients.scss +0 -31
  84. data/vendor/assets/stylesheets/bourbon/helpers/_shape-size-stripper.scss +0 -15
  85. data/vendor/assets/stylesheets/bourbon/helpers/_str-to-num.scss +0 -55
  86. data/vendor/assets/stylesheets/bourbon/settings/_asset-pipeline.scss +0 -7
  87. data/vendor/assets/stylesheets/bourbon/settings/_deprecation-warnings.scss +0 -8
  88. data/vendor/assets/stylesheets/bourbon/settings/_prefixer.scss +0 -9
  89. data/vendor/assets/stylesheets/bourbon/settings/_px-to-em.scss +0 -1
@@ -1,27 +0,0 @@
1
- @mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: $asset-pipeline) {
2
- @include _bourbon-deprecate("retina-image");
3
-
4
- @if $asset-pipeline {
5
- background-image: image-url("#{$filename}.#{$extension}");
6
- } @else {
7
- background-image: url("#{$filename}.#{$extension}");
8
- }
9
-
10
- @include hidpi {
11
- @if $asset-pipeline {
12
- @if $retina-filename {
13
- background-image: image-url("#{$retina-filename}.#{$extension}");
14
- } @else {
15
- background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}");
16
- }
17
- } @else {
18
- @if $retina-filename {
19
- background-image: url("#{$retina-filename}.#{$extension}");
20
- } @else {
21
- background-image: url("#{$filename}#{$retina-suffix}.#{$extension}");
22
- }
23
- }
24
-
25
- background-size: $background-size;
26
- }
27
- }
@@ -1,56 +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
- $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
41
- $output-bourbon-deprecation-warnings: false !global;
42
-
43
- @if is-size($height) {
44
- height: $height;
45
- } @else {
46
- @warn "`#{$height}` is not a valid length for the `$height` parameter in the `size` mixin.";
47
- }
48
-
49
- @if is-size($width) {
50
- width: $width;
51
- } @else {
52
- @warn "`#{$width}` is not a valid length for the `$width` parameter in the `size` mixin.";
53
- }
54
-
55
- $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
56
- }
@@ -1,118 +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
- 'input:not([type])',
108
- 'textarea';
109
-
110
- $user-output-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
111
- $output-bourbon-deprecation-warnings: false;
112
-
113
- $all-text-inputs: assign-inputs($text-inputs-list);
114
- $all-text-inputs-active: assign-inputs($text-inputs-list, active);
115
- $all-text-inputs-focus: assign-inputs($text-inputs-list, focus);
116
- $all-text-inputs-hover: assign-inputs($text-inputs-list, hover);
117
-
118
- $output-bourbon-deprecation-warnings: $user-output-deprecation-warnings-setting;
@@ -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,61 +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 _bourbon-deprecate-for-prefixing("animation");
6
-
7
- @include prefixer(animation, $animations, webkit moz spec);
8
- }
9
-
10
- @mixin animation-name($names...) {
11
- @include _bourbon-deprecate-for-prefixing("animation-name");
12
-
13
- @include prefixer(animation-name, $names, webkit moz spec);
14
- }
15
-
16
- @mixin animation-duration($times...) {
17
- @include _bourbon-deprecate-for-prefixing("animation-duration");
18
-
19
- @include prefixer(animation-duration, $times, webkit moz spec);
20
- }
21
-
22
- @mixin animation-timing-function($motions...) {
23
- @include _bourbon-deprecate-for-prefixing("animation-timing-function");
24
-
25
- // ease | linear | ease-in | ease-out | ease-in-out
26
- @include prefixer(animation-timing-function, $motions, webkit moz spec);
27
- }
28
-
29
- @mixin animation-iteration-count($values...) {
30
- @include _bourbon-deprecate-for-prefixing("animation-iteration-count");
31
-
32
- // infinite | <number>
33
- @include prefixer(animation-iteration-count, $values, webkit moz spec);
34
- }
35
-
36
- @mixin animation-direction($directions...) {
37
- @include _bourbon-deprecate-for-prefixing("animation-direction");
38
-
39
- // normal | alternate
40
- @include prefixer(animation-direction, $directions, webkit moz spec);
41
- }
42
-
43
- @mixin animation-play-state($states...) {
44
- @include _bourbon-deprecate-for-prefixing("animation-play-state");
45
-
46
- // running | paused
47
- @include prefixer(animation-play-state, $states, webkit moz spec);
48
- }
49
-
50
- @mixin animation-delay($times...) {
51
- @include _bourbon-deprecate-for-prefixing("animation-delay");
52
-
53
- @include prefixer(animation-delay, $times, webkit moz spec);
54
- }
55
-
56
- @mixin animation-fill-mode($modes...) {
57
- @include _bourbon-deprecate-for-prefixing("animation-fill-mode");
58
-
59
- // none | forwards | backwards | both
60
- @include prefixer(animation-fill-mode, $modes, webkit moz spec);
61
- }
@@ -1,5 +0,0 @@
1
- @mixin appearance($value) {
2
- @include _bourbon-deprecate-for-prefixing("appearance");
3
-
4
- @include prefixer(appearance, $value, webkit moz ms o spec);
5
- }
@@ -1,5 +0,0 @@
1
- @mixin backface-visibility($visibility) {
2
- @include _bourbon-deprecate-for-prefixing("backface-visibility");
3
-
4
- @include prefixer(backface-visibility, $visibility, webkit spec);
5
- }
@@ -1,44 +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
- @include _bourbon-deprecate-for-prefixing("background-image");
8
-
9
- $webkit-images: ();
10
- $spec-images: ();
11
-
12
- @each $image in $images {
13
- $webkit-image: ();
14
- $spec-image: ();
15
-
16
- @if (type-of($image) == string) {
17
- $url-str: str-slice($image, 1, 3);
18
- $gradient-type: str-slice($image, 1, 6);
19
-
20
- @if $url-str == "url" {
21
- $webkit-image: $image;
22
- $spec-image: $image;
23
- }
24
-
25
- @else if $gradient-type == "linear" {
26
- $gradients: _linear-gradient-parser($image);
27
- $webkit-image: map-get($gradients, webkit-image);
28
- $spec-image: map-get($gradients, spec-image);
29
- }
30
-
31
- @else if $gradient-type == "radial" {
32
- $gradients: _radial-gradient-parser($image);
33
- $webkit-image: map-get($gradients, webkit-image);
34
- $spec-image: map-get($gradients, spec-image);
35
- }
36
- }
37
-
38
- $webkit-images: append($webkit-images, $webkit-image, comma);
39
- $spec-images: append($spec-images, $spec-image, comma);
40
- }
41
-
42
- background-image: $webkit-images;
43
- background-image: $spec-images;
44
- }