bourbon 4.2.6 → 5.1.0

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