bourbon 4.3.4 → 5.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (260) hide show
  1. checksums.yaml +4 -4
  2. data/.github/ISSUE_TEMPLATE.md +22 -0
  3. data/.github/PULL_REQUEST_TEMPLATE.md +10 -0
  4. data/.npmignore +6 -1
  5. data/.ruby-version +1 -0
  6. data/.scss-lint.yml +100 -8
  7. data/CHANGELOG.md +344 -5
  8. data/CODE_OF_CONDUCT.md +6 -0
  9. data/CONTRIBUTING.md +77 -28
  10. data/Gemfile +1 -1
  11. data/LICENSE.md +1 -1
  12. data/README.md +163 -92
  13. data/RELEASING.md +35 -0
  14. data/Rakefile +0 -2
  15. data/bin/bourbon +1 -2
  16. data/bourbon.gemspec +31 -24
  17. data/bower.json +22 -19
  18. data/circle.yml +8 -2
  19. data/core/_bourbon.scss +54 -0
  20. data/core/bourbon/helpers/_buttons-list.scss +14 -0
  21. data/core/bourbon/helpers/_scales.scss +27 -0
  22. data/core/bourbon/helpers/_text-inputs-list.scss +26 -0
  23. data/core/bourbon/library/_border-color.scss +26 -0
  24. data/core/bourbon/library/_border-radius.scss +85 -0
  25. data/core/bourbon/library/_border-style.scss +25 -0
  26. data/core/bourbon/library/_border-width.scss +25 -0
  27. data/core/bourbon/library/_buttons.scss +84 -0
  28. data/{app/assets/stylesheets/addons → core/bourbon/library}/_clearfix.scss +5 -5
  29. data/core/bourbon/library/_contrast-switch.scss +81 -0
  30. data/{app/assets/stylesheets/addons → core/bourbon/library}/_ellipsis.scss +12 -6
  31. data/core/bourbon/library/_font-face.scss +65 -0
  32. data/core/bourbon/library/_font-stacks.scss +249 -0
  33. data/core/bourbon/library/_hide-text.scss +24 -0
  34. data/core/bourbon/library/_hide-visually.scss +70 -0
  35. data/core/bourbon/library/_margin.scss +37 -0
  36. data/core/bourbon/library/_modular-scale.scss +120 -0
  37. data/core/bourbon/library/_overflow-wrap.scss +24 -0
  38. data/core/bourbon/library/_padding.scss +36 -0
  39. data/core/bourbon/library/_position.scss +62 -0
  40. data/core/bourbon/library/_prefixer.scss +37 -0
  41. data/core/bourbon/library/_shade.scss +32 -0
  42. data/core/bourbon/library/_size.scss +50 -0
  43. data/core/bourbon/library/_strip-unit.scss +17 -0
  44. data/core/bourbon/library/_text-inputs.scss +163 -0
  45. data/{app/assets/stylesheets/addons → core/bourbon/library}/_timing-functions.scss +7 -3
  46. data/core/bourbon/library/_tint.scss +32 -0
  47. data/core/bourbon/library/_triangle.scss +82 -0
  48. data/core/bourbon/library/_value-prefixer.scss +37 -0
  49. data/core/bourbon/settings/_settings.scss +75 -0
  50. data/core/bourbon/utilities/_assign-inputs.scss +28 -0
  51. data/core/bourbon/utilities/_compact-shorthand.scss +39 -0
  52. data/core/bourbon/utilities/_contrast-ratio.scss +31 -0
  53. data/core/bourbon/utilities/_directional-property.scss +70 -0
  54. data/core/bourbon/utilities/_fetch-bourbon-setting.scss +16 -0
  55. data/core/bourbon/utilities/_font-source-declaration.scss +51 -0
  56. data/core/bourbon/utilities/_gamma.scss +21 -0
  57. data/core/bourbon/utilities/_lightness.scss +24 -0
  58. data/{app/assets/stylesheets/functions/_unpack.scss → core/bourbon/utilities/_unpack-shorthand.scss} +8 -11
  59. data/core/bourbon/validators/_contains-falsy.scss +20 -0
  60. data/core/bourbon/validators/_contains.scss +26 -0
  61. data/core/bourbon/validators/_is-color.scss +13 -0
  62. data/{app/assets/stylesheets/functions → core/bourbon/validators}/_is-length.scss +6 -7
  63. data/core/bourbon/validators/_is-number.scss +15 -0
  64. data/core/bourbon/validators/_is-size.scss +18 -0
  65. data/features/step_definitions/bourbon_steps.rb +7 -1
  66. data/index.js +2 -2
  67. data/lib/bourbon.rb +2 -26
  68. data/lib/bourbon/generator.rb +11 -10
  69. data/lib/bourbon/version.rb +1 -1
  70. data/package.json +18 -17
  71. data/spec/bourbon/{addons → library}/border_color_spec.rb +8 -8
  72. data/spec/bourbon/{addons → library}/border_radius_spec.rb +1 -1
  73. data/spec/bourbon/{addons → library}/border_style_spec.rb +1 -1
  74. data/spec/bourbon/{addons → library}/border_width_spec.rb +1 -1
  75. data/spec/bourbon/{addons → library}/buttons_spec.rb +4 -4
  76. data/spec/bourbon/{addons → library}/clearfix_spec.rb +3 -3
  77. data/spec/bourbon/library/contrast_switch_spec.rb +23 -0
  78. data/spec/bourbon/{addons → library}/ellipsis_spec.rb +1 -1
  79. data/spec/bourbon/library/font_face_spec_1.rb +16 -0
  80. data/spec/bourbon/library/font_face_spec_2.rb +21 -0
  81. data/spec/bourbon/library/font_face_spec_3.rb +16 -0
  82. data/spec/bourbon/library/font_face_spec_4.rb +17 -0
  83. data/spec/bourbon/library/font_stacks_spec.rb +42 -0
  84. data/spec/bourbon/{addons → library}/hide_text_spec.rb +1 -1
  85. data/spec/bourbon/library/hide_visually_spec.rb +37 -0
  86. data/spec/bourbon/{addons → library}/margin_spec.rb +1 -1
  87. data/spec/bourbon/{functions → library}/modular_scale_spec.rb +6 -6
  88. data/spec/bourbon/library/overflow_wrap_spec.rb +27 -0
  89. data/spec/bourbon/{addons → library}/padding_spec.rb +1 -1
  90. data/spec/bourbon/{addons → library}/position_spec.rb +1 -1
  91. data/spec/bourbon/library/prefixer_spec.rb +34 -0
  92. data/spec/bourbon/{functions → library}/shade_spec.rb +1 -1
  93. data/spec/bourbon/{addons → library}/size_spec.rb +1 -1
  94. data/spec/bourbon/{functions/strip_units_spec.rb → library/strip_unit_spec.rb} +2 -2
  95. data/spec/bourbon/{addons → library}/text_inputs_spec.rb +25 -15
  96. data/spec/bourbon/{functions → library}/tint_spec.rb +1 -1
  97. data/spec/bourbon/library/triangle_spec.rb +31 -0
  98. data/spec/bourbon/{functions → utilities}/assign_inputs_spec.rb +8 -8
  99. data/spec/bourbon/utilities/compact_shorthand_spec.rb +30 -0
  100. data/spec/bourbon/utilities/contrast_ratio_spec.rb +23 -0
  101. data/spec/bourbon/utilities/directional_property_spec.rb +28 -0
  102. data/spec/bourbon/utilities/fetch_bourbon_setting_spec.rb +31 -0
  103. data/spec/bourbon/{helpers → utilities}/font_source_declaration_spec.rb +1 -1
  104. data/spec/bourbon/utilities/gamma_spec.rb +23 -0
  105. data/spec/bourbon/utilities/lightness_spec.rb +31 -0
  106. data/spec/bourbon/{functions → utilities}/unpack_spec.rb +1 -1
  107. data/spec/bourbon/{functions → validators}/contains_spec.rb +1 -1
  108. data/spec/bourbon/{functions → validators}/is_length_spec.rb +1 -1
  109. data/spec/bourbon/{functions → validators}/is_number_spec.rb +1 -1
  110. data/spec/bourbon/{functions → validators}/is_size_spec.rb +1 -1
  111. data/spec/fixtures/_setup.scss +1 -1
  112. data/spec/fixtures/{addons → library}/border-color.scss +4 -4
  113. data/spec/fixtures/{addons → library}/border-radius.scss +0 -0
  114. data/spec/fixtures/{addons → library}/border-style.scss +0 -0
  115. data/spec/fixtures/{addons → library}/border-width.scss +0 -0
  116. data/spec/fixtures/{addons → library}/buttons.scss +0 -0
  117. data/spec/fixtures/{addons → library}/clearfix.scss +0 -0
  118. data/spec/fixtures/library/contrast-switch.scss +9 -0
  119. data/spec/fixtures/{addons → library}/ellipsis.scss +0 -0
  120. data/spec/fixtures/library/font-face-1.scss +6 -0
  121. data/spec/fixtures/library/font-face-2.scss +10 -0
  122. data/spec/fixtures/library/font-face-3.scss +8 -0
  123. data/spec/fixtures/library/font-face-4.scss +7 -0
  124. data/spec/fixtures/library/font-stacks.scss +41 -0
  125. data/spec/fixtures/{addons → library}/hide-text.scss +0 -0
  126. data/spec/fixtures/library/hide-visually.scss +9 -0
  127. data/spec/fixtures/{addons → library}/margin.scss +0 -0
  128. data/spec/fixtures/{functions → library}/modular-scale.scss +0 -0
  129. data/spec/fixtures/library/overflow-wrap.scss +9 -0
  130. data/spec/fixtures/{addons → library}/padding.scss +0 -0
  131. data/spec/fixtures/{addons → library}/position.scss +0 -4
  132. data/spec/fixtures/library/prefixer.scss +13 -0
  133. data/spec/fixtures/{functions → library}/shade.scss +1 -1
  134. data/spec/fixtures/{addons → library}/size.scss +2 -2
  135. data/spec/fixtures/library/strip-unit.scss +17 -0
  136. data/spec/fixtures/{addons → library}/text-inputs.scss +4 -0
  137. data/spec/fixtures/{functions → library}/tint.scss +1 -1
  138. data/spec/fixtures/library/triangle.scss +9 -0
  139. data/spec/fixtures/utilities/assign-inputs.scss +19 -0
  140. data/spec/fixtures/utilities/compact-shorthand.scss +21 -0
  141. data/spec/fixtures/utilities/contrast-ratio.scss +9 -0
  142. data/spec/fixtures/utilities/directional-property.scss +17 -0
  143. data/spec/fixtures/utilities/fetch-bourbon-setting.scss +16 -0
  144. data/spec/fixtures/utilities/font-source-declaration.scss +11 -0
  145. data/spec/fixtures/utilities/gamma.scss +9 -0
  146. data/spec/fixtures/utilities/lightness.scss +13 -0
  147. data/spec/fixtures/utilities/unpack.scss +17 -0
  148. data/spec/fixtures/{functions → validators}/contains.scss +1 -1
  149. data/spec/fixtures/{functions → validators}/is-length.scss +1 -1
  150. data/spec/fixtures/{functions → validators}/is-number.scss +1 -1
  151. data/spec/fixtures/{functions → validators}/is-size.scss +1 -1
  152. data/spec/support/matchers/have_value.rb +1 -1
  153. metadata +251 -275
  154. data/app/assets/stylesheets/_bourbon-deprecate.scss +0 -19
  155. data/app/assets/stylesheets/_bourbon-deprecated-upcoming.scss +0 -425
  156. data/app/assets/stylesheets/_bourbon.scss +0 -90
  157. data/app/assets/stylesheets/addons/_border-color.scss +0 -29
  158. data/app/assets/stylesheets/addons/_border-radius.scss +0 -48
  159. data/app/assets/stylesheets/addons/_border-style.scss +0 -28
  160. data/app/assets/stylesheets/addons/_border-width.scss +0 -28
  161. data/app/assets/stylesheets/addons/_buttons.scss +0 -69
  162. data/app/assets/stylesheets/addons/_font-stacks.scss +0 -31
  163. data/app/assets/stylesheets/addons/_hide-text.scss +0 -27
  164. data/app/assets/stylesheets/addons/_margin.scss +0 -29
  165. data/app/assets/stylesheets/addons/_padding.scss +0 -29
  166. data/app/assets/stylesheets/addons/_position.scss +0 -51
  167. data/app/assets/stylesheets/addons/_prefixer.scss +0 -66
  168. data/app/assets/stylesheets/addons/_retina-image.scss +0 -27
  169. data/app/assets/stylesheets/addons/_size.scss +0 -56
  170. data/app/assets/stylesheets/addons/_text-inputs.scss +0 -118
  171. data/app/assets/stylesheets/addons/_triangle.scss +0 -63
  172. data/app/assets/stylesheets/addons/_word-wrap.scss +0 -29
  173. data/app/assets/stylesheets/css3/_animation.scss +0 -61
  174. data/app/assets/stylesheets/css3/_appearance.scss +0 -5
  175. data/app/assets/stylesheets/css3/_backface-visibility.scss +0 -5
  176. data/app/assets/stylesheets/css3/_background-image.scss +0 -44
  177. data/app/assets/stylesheets/css3/_background.scss +0 -57
  178. data/app/assets/stylesheets/css3/_border-image.scss +0 -61
  179. data/app/assets/stylesheets/css3/_calc.scss +0 -6
  180. data/app/assets/stylesheets/css3/_columns.scss +0 -67
  181. data/app/assets/stylesheets/css3/_filter.scss +0 -6
  182. data/app/assets/stylesheets/css3/_flex-box.scss +0 -327
  183. data/app/assets/stylesheets/css3/_font-face.scss +0 -29
  184. data/app/assets/stylesheets/css3/_font-feature-settings.scss +0 -6
  185. data/app/assets/stylesheets/css3/_hidpi-media-query.scss +0 -12
  186. data/app/assets/stylesheets/css3/_hyphens.scss +0 -6
  187. data/app/assets/stylesheets/css3/_image-rendering.scss +0 -15
  188. data/app/assets/stylesheets/css3/_keyframes.scss +0 -38
  189. data/app/assets/stylesheets/css3/_linear-gradient.scss +0 -40
  190. data/app/assets/stylesheets/css3/_perspective.scss +0 -12
  191. data/app/assets/stylesheets/css3/_placeholder.scss +0 -10
  192. data/app/assets/stylesheets/css3/_radial-gradient.scss +0 -40
  193. data/app/assets/stylesheets/css3/_selection.scss +0 -44
  194. data/app/assets/stylesheets/css3/_text-decoration.scss +0 -27
  195. data/app/assets/stylesheets/css3/_transform.scss +0 -21
  196. data/app/assets/stylesheets/css3/_transition.scss +0 -81
  197. data/app/assets/stylesheets/css3/_user-select.scss +0 -5
  198. data/app/assets/stylesheets/functions/_assign-inputs.scss +0 -16
  199. data/app/assets/stylesheets/functions/_contains-falsy.scss +0 -25
  200. data/app/assets/stylesheets/functions/_contains.scss +0 -31
  201. data/app/assets/stylesheets/functions/_is-light.scss +0 -26
  202. data/app/assets/stylesheets/functions/_is-number.scss +0 -16
  203. data/app/assets/stylesheets/functions/_is-size.scss +0 -23
  204. data/app/assets/stylesheets/functions/_modular-scale.scss +0 -74
  205. data/app/assets/stylesheets/functions/_px-to-em.scss +0 -24
  206. data/app/assets/stylesheets/functions/_px-to-rem.scss +0 -26
  207. data/app/assets/stylesheets/functions/_shade.scss +0 -24
  208. data/app/assets/stylesheets/functions/_strip-units.scss +0 -22
  209. data/app/assets/stylesheets/functions/_tint.scss +0 -24
  210. data/app/assets/stylesheets/functions/_transition-property-name.scss +0 -37
  211. data/app/assets/stylesheets/helpers/_convert-units.scss +0 -26
  212. data/app/assets/stylesheets/helpers/_directional-values.scss +0 -108
  213. data/app/assets/stylesheets/helpers/_font-source-declaration.scss +0 -53
  214. data/app/assets/stylesheets/helpers/_gradient-positions-parser.scss +0 -24
  215. data/app/assets/stylesheets/helpers/_linear-angle-parser.scss +0 -35
  216. data/app/assets/stylesheets/helpers/_linear-gradient-parser.scss +0 -51
  217. data/app/assets/stylesheets/helpers/_linear-positions-parser.scss +0 -77
  218. data/app/assets/stylesheets/helpers/_linear-side-corner-parser.scss +0 -41
  219. data/app/assets/stylesheets/helpers/_radial-arg-parser.scss +0 -74
  220. data/app/assets/stylesheets/helpers/_radial-gradient-parser.scss +0 -55
  221. data/app/assets/stylesheets/helpers/_radial-positions-parser.scss +0 -28
  222. data/app/assets/stylesheets/helpers/_render-gradients.scss +0 -31
  223. data/app/assets/stylesheets/helpers/_shape-size-stripper.scss +0 -15
  224. data/app/assets/stylesheets/helpers/_str-to-num.scss +0 -55
  225. data/app/assets/stylesheets/settings/_asset-pipeline.scss +0 -7
  226. data/app/assets/stylesheets/settings/_deprecation-warnings.scss +0 -8
  227. data/app/assets/stylesheets/settings/_prefixer.scss +0 -9
  228. data/app/assets/stylesheets/settings/_px-to-em.scss +0 -1
  229. data/lib/bourbon/engine.rb +0 -5
  230. data/lib/tasks/install.rake +0 -20
  231. data/sache.json +0 -5
  232. data/spec/bourbon/addons/font_stacks_spec.rb +0 -25
  233. data/spec/bourbon/addons/retina_image_spec.rb +0 -57
  234. data/spec/bourbon/addons/triangle_spec.rb +0 -32
  235. data/spec/bourbon/addons/word_wrap_spec.rb +0 -29
  236. data/spec/bourbon/css3/font_face_spec.rb +0 -45
  237. data/spec/bourbon/css3/hidpi_media_query_spec.rb +0 -23
  238. data/spec/bourbon/functions/is_light_spec.rb +0 -37
  239. data/spec/bourbon/functions/px_to_em_spec.rb +0 -31
  240. data/spec/bourbon/functions/px_to_rem_spec.rb +0 -25
  241. data/spec/bourbon/helpers/convert_units_spec.rb +0 -31
  242. data/spec/bourbon/helpers/directional_values_spec.rb +0 -39
  243. data/spec/bourbon/helpers/str_to_num_spec.rb +0 -25
  244. data/spec/fixtures/addons/font-stacks.scss +0 -21
  245. data/spec/fixtures/addons/retina-image.scss +0 -21
  246. data/spec/fixtures/addons/triangle.scss +0 -9
  247. data/spec/fixtures/addons/word-wrap.scss +0 -9
  248. data/spec/fixtures/css3/font-face.scss +0 -6
  249. data/spec/fixtures/css3/hidpi-media-query.scss +0 -13
  250. data/spec/fixtures/functions/assign-inputs.scss +0 -19
  251. data/spec/fixtures/functions/is-light.scss +0 -29
  252. data/spec/fixtures/functions/px-to-em.scss +0 -17
  253. data/spec/fixtures/functions/px-to-rem.scss +0 -15
  254. data/spec/fixtures/functions/strip-units.scss +0 -17
  255. data/spec/fixtures/functions/unpack.scss +0 -17
  256. data/spec/fixtures/helpers/convert-units.scss +0 -17
  257. data/spec/fixtures/helpers/directional-values.scss +0 -29
  258. data/spec/fixtures/helpers/font-source-declaration.scss +0 -10
  259. data/spec/fixtures/helpers/str-to-num.scss +0 -13
  260. data/spec/support/matchers/be_contained_in.rb +0 -10
@@ -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
- }