bourbon 4.3.4 → 5.0.0.alpha.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (164) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -1
  3. data/.npmignore +1 -0
  4. data/.scss-lint.yml +2 -143
  5. data/.travis.yml +8 -0
  6. data/LICENSE.md +1 -1
  7. data/README.md +5 -19
  8. data/bourbon.gemspec +2 -2
  9. data/bower.json +7 -6
  10. data/core/_bourbon.scss +47 -0
  11. data/core/bourbon/_bourbon-deprecated.scss +1 -0
  12. data/core/bourbon/addons/_border-color.scss +26 -0
  13. data/{app/assets/stylesheets → core/bourbon}/addons/_border-radius.scss +19 -18
  14. data/core/bourbon/addons/_border-style.scss +25 -0
  15. data/core/bourbon/addons/_border-width.scss +25 -0
  16. data/core/bourbon/addons/_buttons.scss +61 -0
  17. data/core/bourbon/addons/_clearfix.scss +25 -0
  18. data/core/bourbon/addons/_ellipsis.scss +30 -0
  19. data/core/bourbon/addons/_font-stacks.scss +19 -0
  20. data/core/bourbon/addons/_hide-text.scss +23 -0
  21. data/core/bourbon/addons/_margin.scss +26 -0
  22. data/core/bourbon/addons/_padding.scss +26 -0
  23. data/core/bourbon/addons/_position.scss +49 -0
  24. data/core/bourbon/addons/_prefixer.scss +33 -0
  25. data/core/bourbon/addons/_size.scss +43 -0
  26. data/core/bourbon/addons/_text-inputs.scss +123 -0
  27. data/{app/assets/stylesheets → core/bourbon}/addons/_timing-functions.scss +7 -3
  28. data/core/bourbon/addons/_word-wrap.scss +29 -0
  29. data/core/bourbon/css3/_font-face.scss +50 -0
  30. data/core/bourbon/functions/_assign-inputs.scss +25 -0
  31. data/core/bourbon/functions/_contains-falsy.scss +20 -0
  32. data/core/bourbon/functions/_contains.scss +23 -0
  33. data/{app/assets/stylesheets → core/bourbon}/functions/_is-length.scss +3 -6
  34. data/{app/assets/stylesheets → core/bourbon}/functions/_is-light.scss +5 -10
  35. data/{app/assets/stylesheets → core/bourbon}/functions/_is-number.scss +3 -6
  36. data/core/bourbon/functions/_is-size.scss +16 -0
  37. data/core/bourbon/functions/_modular-scale.scss +101 -0
  38. data/core/bourbon/functions/_shade.scss +24 -0
  39. data/core/bourbon/functions/_strip-unit.scss +17 -0
  40. data/core/bourbon/functions/_tint.scss +24 -0
  41. data/{app/assets/stylesheets → core/bourbon}/functions/_unpack.scss +11 -14
  42. data/{app/assets/stylesheets → core/bourbon}/helpers/_directional-values.scss +26 -36
  43. data/{app/assets/stylesheets → core/bourbon}/helpers/_font-source-declaration.scss +0 -10
  44. data/{app/assets/stylesheets → core/bourbon}/settings/_asset-pipeline.scss +1 -1
  45. data/core/bourbon/settings/_global-font-file-formats.scss +12 -0
  46. data/core/bourbon/settings/_modular-scale.scss +17 -0
  47. data/core/bourbon/settings/_scales.scss +27 -0
  48. data/features/step_definitions/bourbon_steps.rb +1 -1
  49. data/index.js +1 -1
  50. data/lib/bourbon/engine.rb +1 -1
  51. data/lib/bourbon/generator.rb +1 -1
  52. data/lib/bourbon/version.rb +1 -1
  53. data/package.json +1 -6
  54. data/spec/bourbon/addons/buttons_spec.rb +3 -3
  55. data/spec/bourbon/addons/font_stacks_spec.rb +21 -11
  56. data/spec/bourbon/addons/text_inputs_spec.rb +14 -14
  57. data/spec/bourbon/css3/font_face_spec_1.rb +18 -0
  58. data/spec/bourbon/css3/font_face_spec_2.rb +19 -0
  59. data/spec/bourbon/css3/font_face_spec_3.rb +18 -0
  60. data/spec/bourbon/css3/font_face_spec_4.rb +19 -0
  61. data/spec/bourbon/functions/assign_inputs_spec.rb +3 -3
  62. data/spec/bourbon/functions/{strip_units_spec.rb → strip_unit_spec.rb} +2 -2
  63. data/spec/fixtures/_setup.scss +1 -1
  64. data/spec/fixtures/addons/font-stacks.scss +24 -8
  65. data/spec/fixtures/addons/size.scss +2 -2
  66. data/spec/fixtures/css3/font-face-1.scss +3 -0
  67. data/spec/fixtures/css3/font-face-2.scss +3 -0
  68. data/spec/fixtures/css3/font-face-3.scss +3 -0
  69. data/spec/fixtures/css3/font-face-4.scss +3 -0
  70. data/spec/fixtures/functions/assign-inputs.scss +1 -1
  71. data/spec/fixtures/functions/strip-unit.scss +17 -0
  72. metadata +72 -129
  73. data/CHANGELOG.md +0 -47
  74. data/app/assets/stylesheets/_bourbon-deprecate.scss +0 -19
  75. data/app/assets/stylesheets/_bourbon-deprecated-upcoming.scss +0 -425
  76. data/app/assets/stylesheets/_bourbon.scss +0 -90
  77. data/app/assets/stylesheets/addons/_border-color.scss +0 -29
  78. data/app/assets/stylesheets/addons/_border-style.scss +0 -28
  79. data/app/assets/stylesheets/addons/_border-width.scss +0 -28
  80. data/app/assets/stylesheets/addons/_buttons.scss +0 -69
  81. data/app/assets/stylesheets/addons/_clearfix.scss +0 -25
  82. data/app/assets/stylesheets/addons/_ellipsis.scss +0 -30
  83. data/app/assets/stylesheets/addons/_font-stacks.scss +0 -31
  84. data/app/assets/stylesheets/addons/_hide-text.scss +0 -27
  85. data/app/assets/stylesheets/addons/_margin.scss +0 -29
  86. data/app/assets/stylesheets/addons/_padding.scss +0 -29
  87. data/app/assets/stylesheets/addons/_position.scss +0 -51
  88. data/app/assets/stylesheets/addons/_prefixer.scss +0 -66
  89. data/app/assets/stylesheets/addons/_retina-image.scss +0 -27
  90. data/app/assets/stylesheets/addons/_size.scss +0 -56
  91. data/app/assets/stylesheets/addons/_text-inputs.scss +0 -118
  92. data/app/assets/stylesheets/addons/_triangle.scss +0 -63
  93. data/app/assets/stylesheets/addons/_word-wrap.scss +0 -29
  94. data/app/assets/stylesheets/css3/_animation.scss +0 -61
  95. data/app/assets/stylesheets/css3/_appearance.scss +0 -5
  96. data/app/assets/stylesheets/css3/_backface-visibility.scss +0 -5
  97. data/app/assets/stylesheets/css3/_background-image.scss +0 -44
  98. data/app/assets/stylesheets/css3/_background.scss +0 -57
  99. data/app/assets/stylesheets/css3/_border-image.scss +0 -61
  100. data/app/assets/stylesheets/css3/_calc.scss +0 -6
  101. data/app/assets/stylesheets/css3/_columns.scss +0 -67
  102. data/app/assets/stylesheets/css3/_filter.scss +0 -6
  103. data/app/assets/stylesheets/css3/_flex-box.scss +0 -327
  104. data/app/assets/stylesheets/css3/_font-face.scss +0 -29
  105. data/app/assets/stylesheets/css3/_font-feature-settings.scss +0 -6
  106. data/app/assets/stylesheets/css3/_hidpi-media-query.scss +0 -12
  107. data/app/assets/stylesheets/css3/_hyphens.scss +0 -6
  108. data/app/assets/stylesheets/css3/_image-rendering.scss +0 -15
  109. data/app/assets/stylesheets/css3/_keyframes.scss +0 -38
  110. data/app/assets/stylesheets/css3/_linear-gradient.scss +0 -40
  111. data/app/assets/stylesheets/css3/_perspective.scss +0 -12
  112. data/app/assets/stylesheets/css3/_placeholder.scss +0 -10
  113. data/app/assets/stylesheets/css3/_radial-gradient.scss +0 -40
  114. data/app/assets/stylesheets/css3/_selection.scss +0 -44
  115. data/app/assets/stylesheets/css3/_text-decoration.scss +0 -27
  116. data/app/assets/stylesheets/css3/_transform.scss +0 -21
  117. data/app/assets/stylesheets/css3/_transition.scss +0 -81
  118. data/app/assets/stylesheets/css3/_user-select.scss +0 -5
  119. data/app/assets/stylesheets/functions/_assign-inputs.scss +0 -16
  120. data/app/assets/stylesheets/functions/_contains-falsy.scss +0 -25
  121. data/app/assets/stylesheets/functions/_contains.scss +0 -31
  122. data/app/assets/stylesheets/functions/_is-size.scss +0 -23
  123. data/app/assets/stylesheets/functions/_modular-scale.scss +0 -74
  124. data/app/assets/stylesheets/functions/_px-to-em.scss +0 -24
  125. data/app/assets/stylesheets/functions/_px-to-rem.scss +0 -26
  126. data/app/assets/stylesheets/functions/_shade.scss +0 -24
  127. data/app/assets/stylesheets/functions/_strip-units.scss +0 -22
  128. data/app/assets/stylesheets/functions/_tint.scss +0 -24
  129. data/app/assets/stylesheets/functions/_transition-property-name.scss +0 -37
  130. data/app/assets/stylesheets/helpers/_convert-units.scss +0 -26
  131. data/app/assets/stylesheets/helpers/_gradient-positions-parser.scss +0 -24
  132. data/app/assets/stylesheets/helpers/_linear-angle-parser.scss +0 -35
  133. data/app/assets/stylesheets/helpers/_linear-gradient-parser.scss +0 -51
  134. data/app/assets/stylesheets/helpers/_linear-positions-parser.scss +0 -77
  135. data/app/assets/stylesheets/helpers/_linear-side-corner-parser.scss +0 -41
  136. data/app/assets/stylesheets/helpers/_radial-arg-parser.scss +0 -74
  137. data/app/assets/stylesheets/helpers/_radial-gradient-parser.scss +0 -55
  138. data/app/assets/stylesheets/helpers/_radial-positions-parser.scss +0 -28
  139. data/app/assets/stylesheets/helpers/_render-gradients.scss +0 -31
  140. data/app/assets/stylesheets/helpers/_shape-size-stripper.scss +0 -15
  141. data/app/assets/stylesheets/helpers/_str-to-num.scss +0 -55
  142. data/app/assets/stylesheets/settings/_deprecation-warnings.scss +0 -8
  143. data/app/assets/stylesheets/settings/_prefixer.scss +0 -9
  144. data/app/assets/stylesheets/settings/_px-to-em.scss +0 -1
  145. data/circle.yml +0 -10
  146. data/eyeglass-exports.js +0 -7
  147. data/sache.json +0 -5
  148. data/spec/bourbon/addons/retina_image_spec.rb +0 -57
  149. data/spec/bourbon/addons/triangle_spec.rb +0 -32
  150. data/spec/bourbon/css3/font_face_spec.rb +0 -45
  151. data/spec/bourbon/css3/hidpi_media_query_spec.rb +0 -23
  152. data/spec/bourbon/functions/px_to_em_spec.rb +0 -31
  153. data/spec/bourbon/functions/px_to_rem_spec.rb +0 -25
  154. data/spec/bourbon/helpers/convert_units_spec.rb +0 -31
  155. data/spec/bourbon/helpers/str_to_num_spec.rb +0 -25
  156. data/spec/fixtures/addons/retina-image.scss +0 -21
  157. data/spec/fixtures/addons/triangle.scss +0 -9
  158. data/spec/fixtures/css3/font-face.scss +0 -6
  159. data/spec/fixtures/css3/hidpi-media-query.scss +0 -13
  160. data/spec/fixtures/functions/px-to-em.scss +0 -17
  161. data/spec/fixtures/functions/px-to-rem.scss +0 -15
  162. data/spec/fixtures/functions/strip-units.scss +0 -17
  163. data/spec/fixtures/helpers/convert-units.scss +0 -17
  164. data/spec/fixtures/helpers/str-to-num.scss +0 -13
@@ -1,57 +0,0 @@
1
- //************************************************************************//
2
- // Background property for adding multiple backgrounds using shorthand
3
- // notation.
4
- //************************************************************************//
5
-
6
- @mixin background($backgrounds...) {
7
- @include _bourbon-deprecate-for-prefixing("background");
8
-
9
- $webkit-backgrounds: ();
10
- $spec-backgrounds: ();
11
-
12
- @each $background in $backgrounds {
13
- $webkit-background: ();
14
- $spec-background: ();
15
- $background-type: type-of($background);
16
-
17
- @if $background-type == string or $background-type == list {
18
- $background-str: if($background-type == list, nth($background, 1), $background);
19
-
20
- $url-str: str-slice($background-str, 1, 3);
21
- $gradient-type: str-slice($background-str, 1, 6);
22
-
23
- @if $url-str == "url" {
24
- $webkit-background: $background;
25
- $spec-background: $background;
26
- }
27
-
28
- @else if $gradient-type == "linear" {
29
- $gradients: _linear-gradient-parser("#{$background}");
30
- $webkit-background: map-get($gradients, webkit-image);
31
- $spec-background: map-get($gradients, spec-image);
32
- }
33
-
34
- @else if $gradient-type == "radial" {
35
- $gradients: _radial-gradient-parser("#{$background}");
36
- $webkit-background: map-get($gradients, webkit-image);
37
- $spec-background: map-get($gradients, spec-image);
38
- }
39
-
40
- @else {
41
- $webkit-background: $background;
42
- $spec-background: $background;
43
- }
44
- }
45
-
46
- @else {
47
- $webkit-background: $background;
48
- $spec-background: $background;
49
- }
50
-
51
- $webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma);
52
- $spec-backgrounds: append($spec-backgrounds, $spec-background, comma);
53
- }
54
-
55
- background: $webkit-backgrounds;
56
- background: $spec-backgrounds;
57
- }
@@ -1,61 +0,0 @@
1
- @mixin border-image($borders...) {
2
- @include _bourbon-deprecate-for-prefixing("border-image");
3
-
4
- $webkit-borders: ();
5
- $spec-borders: ();
6
-
7
- @each $border in $borders {
8
- $webkit-border: ();
9
- $spec-border: ();
10
- $border-type: type-of($border);
11
-
12
- @if $border-type == string or list {
13
- $border-str: if($border-type == list, nth($border, 1), $border);
14
-
15
- $url-str: str-slice($border-str, 1, 3);
16
- $gradient-type: str-slice($border-str, 1, 6);
17
-
18
- @if $url-str == "url" {
19
- $webkit-border: $border;
20
- $spec-border: $border;
21
- }
22
-
23
- @else if $gradient-type == "linear" {
24
- $gradients: _linear-gradient-parser("#{$border}");
25
- $webkit-border: map-get($gradients, webkit-image);
26
- $spec-border: map-get($gradients, spec-image);
27
- }
28
-
29
- @else if $gradient-type == "radial" {
30
- $gradients: _radial-gradient-parser("#{$border}");
31
- $webkit-border: map-get($gradients, webkit-image);
32
- $spec-border: map-get($gradients, spec-image);
33
- }
34
-
35
- @else {
36
- $webkit-border: $border;
37
- $spec-border: $border;
38
- }
39
- }
40
-
41
- @else {
42
- $webkit-border: $border;
43
- $spec-border: $border;
44
- }
45
-
46
- $webkit-borders: append($webkit-borders, $webkit-border, comma);
47
- $spec-borders: append($spec-borders, $spec-border, comma);
48
- }
49
-
50
- -webkit-border-image: $webkit-borders;
51
- border-image: $spec-borders;
52
- border-style: solid;
53
- }
54
-
55
- //Examples:
56
- // @include border-image(url("image.png"));
57
- // @include border-image(url("image.png") 20 stretch);
58
- // @include border-image(linear-gradient(45deg, orange, yellow));
59
- // @include border-image(linear-gradient(45deg, orange, yellow) stretch);
60
- // @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
61
- // @include border-image(radial-gradient(top, cover, orange, yellow, orange));
@@ -1,6 +0,0 @@
1
- @mixin calc($property, $value) {
2
- @include _bourbon-deprecate-for-prefixing("calc");
3
-
4
- #{$property}: -webkit-calc(#{$value});
5
- #{$property}: calc(#{$value});
6
- }
@@ -1,67 +0,0 @@
1
- @mixin columns($arg: auto) {
2
- @include _bourbon-deprecate-for-prefixing("columns");
3
-
4
- // <column-count> || <column-width>
5
- @include prefixer(columns, $arg, webkit moz spec);
6
- }
7
-
8
- @mixin column-count($int: auto) {
9
- @include _bourbon-deprecate-for-prefixing("column-count");
10
-
11
- // auto || integer
12
- @include prefixer(column-count, $int, webkit moz spec);
13
- }
14
-
15
- @mixin column-gap($length: normal) {
16
- @include _bourbon-deprecate-for-prefixing("column-gap");
17
-
18
- // normal || length
19
- @include prefixer(column-gap, $length, webkit moz spec);
20
- }
21
-
22
- @mixin column-fill($arg: auto) {
23
- @include _bourbon-deprecate-for-prefixing("column-fill");
24
-
25
- // auto || length
26
- @include prefixer(column-fill, $arg, webkit moz spec);
27
- }
28
-
29
- @mixin column-rule($arg) {
30
- @include _bourbon-deprecate-for-prefixing("column-rule");
31
-
32
- // <border-width> || <border-style> || <color>
33
- @include prefixer(column-rule, $arg, webkit moz spec);
34
- }
35
-
36
- @mixin column-rule-color($color) {
37
- @include _bourbon-deprecate-for-prefixing("column-rule-color");
38
-
39
- @include prefixer(column-rule-color, $color, webkit moz spec);
40
- }
41
-
42
- @mixin column-rule-style($style: none) {
43
- @include _bourbon-deprecate-for-prefixing("column-rule-style");
44
-
45
- // none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
46
- @include prefixer(column-rule-style, $style, webkit moz spec);
47
- }
48
-
49
- @mixin column-rule-width($width: none) {
50
- @include _bourbon-deprecate-for-prefixing("column-rule-width");
51
-
52
- @include prefixer(column-rule-width, $width, webkit moz spec);
53
- }
54
-
55
- @mixin column-span($arg: none) {
56
- @include _bourbon-deprecate-for-prefixing("column-span");
57
-
58
- // none || all
59
- @include prefixer(column-span, $arg, webkit moz spec);
60
- }
61
-
62
- @mixin column-width($length: auto) {
63
- @include _bourbon-deprecate-for-prefixing("column-width");
64
-
65
- // auto || length
66
- @include prefixer(column-width, $length, webkit moz spec);
67
- }
@@ -1,6 +0,0 @@
1
- @mixin filter($function: none) {
2
- @include _bourbon-deprecate-for-prefixing("filter");
3
-
4
- // <filter-function> [<filter-function]* | none
5
- @include prefixer(filter, $function, webkit spec);
6
- }
@@ -1,327 +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 _bourbon-deprecate-for-prefixing("box");
6
-
7
- @include display-box;
8
- @include box-orient($orient);
9
- @include box-pack($pack);
10
- @include box-align($align);
11
- }
12
-
13
- @mixin display-box {
14
- @include _bourbon-deprecate-for-prefixing("display-box");
15
-
16
- display: -webkit-box;
17
- display: -moz-box;
18
- display: -ms-flexbox; // IE 10
19
- display: box;
20
- }
21
-
22
- @mixin box-orient($orient: inline-axis) {
23
- @include _bourbon-deprecate-for-prefixing("box-orient");
24
-
25
- // horizontal|vertical|inline-axis|block-axis|inherit
26
- @include prefixer(box-orient, $orient, webkit moz spec);
27
- }
28
-
29
- @mixin box-pack($pack: start) {
30
- @include _bourbon-deprecate-for-prefixing("box-pack");
31
-
32
- // start|end|center|justify
33
- @include prefixer(box-pack, $pack, webkit moz spec);
34
- -ms-flex-pack: $pack; // IE 10
35
- }
36
-
37
- @mixin box-align($align: stretch) {
38
- @include _bourbon-deprecate-for-prefixing("box-align");
39
-
40
- // start|end|center|baseline|stretch
41
- @include prefixer(box-align, $align, webkit moz spec);
42
- -ms-flex-align: $align; // IE 10
43
- }
44
-
45
- @mixin box-direction($direction: normal) {
46
- @include _bourbon-deprecate-for-prefixing("box-direction");
47
-
48
- // normal|reverse|inherit
49
- @include prefixer(box-direction, $direction, webkit moz spec);
50
- -ms-flex-direction: $direction; // IE 10
51
- }
52
-
53
- @mixin box-lines($lines: single) {
54
- @include _bourbon-deprecate-for-prefixing("box-lines");
55
-
56
- // single|multiple
57
- @include prefixer(box-lines, $lines, webkit moz spec);
58
- }
59
-
60
- @mixin box-ordinal-group($int: 1) {
61
- @include _bourbon-deprecate-for-prefixing("box-ordinal-group");
62
-
63
- @include prefixer(box-ordinal-group, $int, webkit moz spec);
64
- -ms-flex-order: $int; // IE 10
65
- }
66
-
67
- @mixin box-flex($value: 0) {
68
- @include _bourbon-deprecate-for-prefixing("box-flex");
69
-
70
- @include prefixer(box-flex, $value, webkit moz spec);
71
- -ms-flex: $value; // IE 10
72
- }
73
-
74
- @mixin box-flex-group($int: 1) {
75
- @include _bourbon-deprecate-for-prefixing("box-flex-group");
76
-
77
- @include prefixer(box-flex-group, $int, webkit moz spec);
78
- }
79
-
80
- // CSS3 Flexible Box Model and property defaults
81
- // Unified attributes for 2009, 2011, and 2012 flavours.
82
-
83
- // 2009 - display (box | inline-box)
84
- // 2011 - display (flexbox | inline-flexbox)
85
- // 2012 - display (flex | inline-flex)
86
- @mixin display($value) {
87
- @include _bourbon-deprecate-for-prefixing("display");
88
-
89
- // flex | inline-flex
90
- @if $value == "flex" {
91
- // 2009
92
- display: -webkit-box;
93
- display: -moz-box;
94
- display: box;
95
-
96
- // 2012
97
- display: -webkit-flex;
98
- display: -moz-flex;
99
- display: -ms-flexbox; // 2011 (IE 10)
100
- display: flex;
101
- } @else if $value == "inline-flex" {
102
- display: -webkit-inline-box;
103
- display: -moz-inline-box;
104
- display: inline-box;
105
-
106
- display: -webkit-inline-flex;
107
- display: -moz-inline-flex;
108
- display: -ms-inline-flexbox;
109
- display: inline-flex;
110
- } @else {
111
- display: $value;
112
- }
113
- }
114
-
115
- // 2009 - box-flex (integer)
116
- // 2011 - flex (decimal | width decimal)
117
- // 2012 - flex (integer integer width)
118
- @mixin flex($value) {
119
- @include _bourbon-deprecate-for-prefixing("flex");
120
-
121
- // Grab flex-grow for older browsers.
122
- $flex-grow: nth($value, 1);
123
-
124
- // 2009
125
- @include prefixer(box-flex, $flex-grow, webkit moz spec);
126
-
127
- // 2011 (IE 10), 2012
128
- @include prefixer(flex, $value, webkit moz ms spec);
129
- }
130
-
131
- // 2009 - box-orient ( horizontal | vertical | inline-axis | block-axis)
132
- // - box-direction (normal | reverse)
133
- // 2011 - flex-direction (row | row-reverse | column | column-reverse)
134
- // 2012 - flex-direction (row | row-reverse | column | column-reverse)
135
- @mixin flex-direction($value: row) {
136
- @include _bourbon-deprecate-for-prefixing("flex-direction");
137
-
138
- // Alt values.
139
- $value-2009: $value;
140
- $value-2011: $value;
141
- $direction: normal;
142
-
143
- @if $value == row {
144
- $value-2009: horizontal;
145
- } @else if $value == "row-reverse" {
146
- $value-2009: horizontal;
147
- $direction: reverse;
148
- } @else if $value == column {
149
- $value-2009: vertical;
150
- } @else if $value == "column-reverse" {
151
- $value-2009: vertical;
152
- $direction: reverse;
153
- }
154
-
155
- // 2009
156
- @include prefixer(box-orient, $value-2009, webkit moz spec);
157
- @include prefixer(box-direction, $direction, webkit moz spec);
158
-
159
- // 2012
160
- @include prefixer(flex-direction, $value, webkit moz spec);
161
-
162
- // 2011 (IE 10)
163
- -ms-flex-direction: $value;
164
- }
165
-
166
- // 2009 - box-lines (single | multiple)
167
- // 2011 - flex-wrap (nowrap | wrap | wrap-reverse)
168
- // 2012 - flex-wrap (nowrap | wrap | wrap-reverse)
169
- @mixin flex-wrap($value: nowrap) {
170
- @include _bourbon-deprecate-for-prefixing("flex-wrap");
171
-
172
- // Alt values
173
- $alt-value: $value;
174
- @if $value == nowrap {
175
- $alt-value: single;
176
- } @else if $value == wrap {
177
- $alt-value: multiple;
178
- } @else if $value == "wrap-reverse" {
179
- $alt-value: multiple;
180
- }
181
-
182
- @include prefixer(box-lines, $alt-value, webkit moz spec);
183
- @include prefixer(flex-wrap, $value, webkit moz ms spec);
184
- }
185
-
186
- // 2009 - TODO: parse values into flex-direction/flex-wrap
187
- // 2011 - TODO: parse values into flex-direction/flex-wrap
188
- // 2012 - flex-flow (flex-direction || flex-wrap)
189
- @mixin flex-flow($value) {
190
- @include _bourbon-deprecate-for-prefixing("flex-flow");
191
-
192
- @include prefixer(flex-flow, $value, webkit moz spec);
193
- }
194
-
195
- // 2009 - box-ordinal-group (integer)
196
- // 2011 - flex-order (integer)
197
- // 2012 - order (integer)
198
- @mixin order($int: 0) {
199
- @include _bourbon-deprecate-for-prefixing("order");
200
-
201
- // 2009
202
- @include prefixer(box-ordinal-group, $int, webkit moz spec);
203
-
204
- // 2012
205
- @include prefixer(order, $int, webkit moz spec);
206
-
207
- // 2011 (IE 10)
208
- -ms-flex-order: $int;
209
- }
210
-
211
- // 2012 - flex-grow (number)
212
- @mixin flex-grow($number: 0) {
213
- @include _bourbon-deprecate-for-prefixing("flex-grow");
214
-
215
- @include prefixer(flex-grow, $number, webkit moz spec);
216
- -ms-flex-positive: $number;
217
- }
218
-
219
- // 2012 - flex-shrink (number)
220
- @mixin flex-shrink($number: 1) {
221
- @include _bourbon-deprecate-for-prefixing("flex-shrink");
222
-
223
- @include prefixer(flex-shrink, $number, webkit moz spec);
224
- -ms-flex-negative: $number;
225
- }
226
-
227
- // 2012 - flex-basis (number)
228
- @mixin flex-basis($width: auto) {
229
- @include _bourbon-deprecate-for-prefixing("flex-basis");
230
-
231
- @include prefixer(flex-basis, $width, webkit moz spec);
232
- -ms-flex-preferred-size: $width;
233
- }
234
-
235
- // 2009 - box-pack (start | end | center | justify)
236
- // 2011 - flex-pack (start | end | center | justify)
237
- // 2012 - justify-content (flex-start | flex-end | center | space-between | space-around)
238
- @mixin justify-content($value: flex-start) {
239
- @include _bourbon-deprecate-for-prefixing("justify-content");
240
-
241
- // Alt values.
242
- $alt-value: $value;
243
- @if $value == "flex-start" {
244
- $alt-value: start;
245
- } @else if $value == "flex-end" {
246
- $alt-value: end;
247
- } @else if $value == "space-between" {
248
- $alt-value: justify;
249
- } @else if $value == "space-around" {
250
- $alt-value: distribute;
251
- }
252
-
253
- // 2009
254
- @include prefixer(box-pack, $alt-value, webkit moz spec);
255
-
256
- // 2012
257
- @include prefixer(justify-content, $value, webkit moz ms o spec);
258
-
259
- // 2011 (IE 10)
260
- -ms-flex-pack: $alt-value;
261
- }
262
-
263
- // 2009 - box-align (start | end | center | baseline | stretch)
264
- // 2011 - flex-align (start | end | center | baseline | stretch)
265
- // 2012 - align-items (flex-start | flex-end | center | baseline | stretch)
266
- @mixin align-items($value: stretch) {
267
- @include _bourbon-deprecate-for-prefixing("align-items");
268
-
269
- $alt-value: $value;
270
-
271
- @if $value == "flex-start" {
272
- $alt-value: start;
273
- } @else if $value == "flex-end" {
274
- $alt-value: end;
275
- }
276
-
277
- // 2009
278
- @include prefixer(box-align, $alt-value, webkit moz spec);
279
-
280
- // 2012
281
- @include prefixer(align-items, $value, webkit moz ms o spec);
282
-
283
- // 2011 (IE 10)
284
- -ms-flex-align: $alt-value;
285
- }
286
-
287
- // 2011 - flex-item-align (auto | start | end | center | baseline | stretch)
288
- // 2012 - align-self (auto | flex-start | flex-end | center | baseline | stretch)
289
- @mixin align-self($value: auto) {
290
- @include _bourbon-deprecate-for-prefixing("align-self");
291
-
292
- $value-2011: $value;
293
- @if $value == "flex-start" {
294
- $value-2011: start;
295
- } @else if $value == "flex-end" {
296
- $value-2011: end;
297
- }
298
-
299
- // 2012
300
- @include prefixer(align-self, $value, webkit moz spec);
301
-
302
- // 2011 (IE 10)
303
- -ms-flex-item-align: $value-2011;
304
- }
305
-
306
- // 2011 - flex-line-pack (start | end | center | justify | distribute | stretch)
307
- // 2012 - align-content (flex-start | flex-end | center | space-between | space-around | stretch)
308
- @mixin align-content($value: stretch) {
309
- @include _bourbon-deprecate-for-prefixing("align-content");
310
-
311
- $value-2011: $value;
312
- @if $value == "flex-start" {
313
- $value-2011: start;
314
- } @else if $value == "flex-end" {
315
- $value-2011: end;
316
- } @else if $value == "space-between" {
317
- $value-2011: justify;
318
- } @else if $value == "space-around" {
319
- $value-2011: distribute;
320
- }
321
-
322
- // 2012
323
- @include prefixer(align-content, $value, webkit moz spec);
324
-
325
- // 2011 (IE 10)
326
- -ms-flex-line-pack: $value-2011;
327
- }