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
@@ -2,7 +2,7 @@ require "spec_helper"
2
2
 
3
3
  describe "hide-text" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("addons/hide-text")
5
+ ParserSupport.parse_file("library/hide-text")
6
6
  end
7
7
 
8
8
  context "called on element" do
@@ -0,0 +1,37 @@
1
+ require "spec_helper"
2
+
3
+ describe "hide-visually" do
4
+ before(:all) do
5
+ ParserSupport.parse_file("library/hide-visually")
6
+ end
7
+
8
+ context "called on element" do
9
+ it "adds properties to hide the element" do
10
+ ruleset = "border: 0; " +
11
+ "clip: rect(1px, 1px, 1px, 1px); " +
12
+ "clip-path: inset(100%); " +
13
+ "height: 1px; " +
14
+ "overflow: hidden; " +
15
+ "padding: 0; " +
16
+ "position: absolute; " +
17
+ "white-space: nowrap; " +
18
+ "width: 1px;"
19
+
20
+ expect(".hide-visually").to have_ruleset(ruleset)
21
+ end
22
+ end
23
+
24
+ context "called with unhide argument" do
25
+ it "adds properties to reverse the hiding of the element" do
26
+ ruleset = "clip: auto; " +
27
+ "clip-path: none; " +
28
+ "height: auto; " +
29
+ "overflow: visible; " +
30
+ "position: static; " +
31
+ "white-space: inherit; " +
32
+ "width: auto;"
33
+
34
+ expect(".hide-visually--unhide").to have_ruleset(ruleset)
35
+ end
36
+ end
37
+ end
@@ -2,7 +2,7 @@ require "spec_helper"
2
2
 
3
3
  describe "margin" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("addons/margin")
5
+ ParserSupport.parse_file("library/margin")
6
6
  end
7
7
 
8
8
  context "called with one size" do
@@ -2,24 +2,24 @@ require "spec_helper"
2
2
 
3
3
  describe "modular-scale" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("functions/modular-scale")
5
+ ParserSupport.parse_file("library/modular-scale")
6
6
  end
7
7
 
8
8
  context "called with arguments (1, $value: 2em)" do
9
9
  it "outputs double the first value from the default scale" do
10
- expect(".one-base-two").to have_rule("font-size: 2.666em")
10
+ expect(".one-base-two").to have_rule("font-size: 2.5em")
11
11
  end
12
12
  end
13
13
 
14
14
  context "called with arguments (1, $value: 3em)" do
15
15
  it "outputs triple the first value from the default scale" do
16
- expect(".one-base-three").to have_rule("font-size: 3.999em")
16
+ expect(".one-base-three").to have_rule("font-size: 3.75em")
17
17
  end
18
18
  end
19
19
 
20
20
  context "called with arguments (1, $value: 4em 6em)" do
21
21
  it "outputs quadruple the first value from the default scale" do
22
- expect(".one-double-value").to have_rule("font-size: 1.12556em")
22
+ expect(".one-double-value").to have_rule("font-size: 1.024em")
23
23
  end
24
24
  end
25
25
 
@@ -31,13 +31,13 @@ describe "modular-scale" do
31
31
 
32
32
  context "called with argument (2)" do
33
33
  it "outputs the second value from the default scale" do
34
- expect(".two-base-one").to have_rule("font-size: 1.77689em")
34
+ expect(".two-base-one").to have_rule("font-size: 1.5625em")
35
35
  end
36
36
  end
37
37
 
38
38
  context "called with arguments (2, $value: 4em 6em)" do
39
39
  it "outputs sextuple the second value from the default scale" do
40
- expect(".two-double-value").to have_rule("font-size: 3.55378em")
40
+ expect(".two-double-value").to have_rule("font-size: 3.125em")
41
41
  end
42
42
  end
43
43
  end
@@ -0,0 +1,27 @@
1
+ require "spec_helper"
2
+
3
+ describe "overflow-wrap" do
4
+ before(:all) do
5
+ ParserSupport.parse_file("library/overflow-wrap")
6
+ end
7
+
8
+ context "called on element" do
9
+ it "adds overflow-wrap and word-wrap" do
10
+ input = ".overflow-wrap"
11
+ ruleset = "word-wrap: break-word; " +
12
+ "overflow-wrap: break-word;"
13
+
14
+ expect(input).to have_ruleset(ruleset)
15
+ end
16
+ end
17
+
18
+ context "called on element with normal" do
19
+ it "sets values as normal" do
20
+ input = ".overflow-wrap-normal"
21
+ ruleset = "word-wrap: normal; " +
22
+ "overflow-wrap: normal;"
23
+
24
+ expect(input).to have_ruleset(ruleset)
25
+ end
26
+ end
27
+ end
@@ -2,7 +2,7 @@ require "spec_helper"
2
2
 
3
3
  describe "padding" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("addons/padding")
5
+ ParserSupport.parse_file("library/padding")
6
6
  end
7
7
 
8
8
  context "called with one size" do
@@ -2,7 +2,7 @@ require "spec_helper"
2
2
 
3
3
  describe "position" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("addons/position")
5
+ ParserSupport.parse_file("library/position")
6
6
  end
7
7
 
8
8
  context "called with one size" do
@@ -0,0 +1,34 @@
1
+ require "spec_helper"
2
+
3
+ describe "prefixer" do
4
+ before(:all) do
5
+ ParserSupport.parse_file("library/prefixer")
6
+ end
7
+
8
+ context "called with no prefixes" do
9
+ it "outputs the spec" do
10
+ rule = "appearance: none;"
11
+
12
+ expect(".prefix").to have_ruleset(rule)
13
+ end
14
+ end
15
+
16
+ context "called with one prefix" do
17
+ it "applies the prefix to the property" do
18
+ rule = "-webkit-appearance: none; " +
19
+ "appearance: none;"
20
+
21
+ expect(".prefix--webkit").to have_ruleset(rule)
22
+ end
23
+ end
24
+
25
+ context "called with multiple prefixes" do
26
+ it "applies the prefixes to the property" do
27
+ rule = "-moz-appearance: none; " +
28
+ "-ms-appearance: none; " +
29
+ "appearance: none;"
30
+
31
+ expect(".prefix--moz-ms").to have_ruleset(rule)
32
+ end
33
+ end
34
+ end
@@ -2,7 +2,7 @@ require "spec_helper"
2
2
 
3
3
  describe "shade" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("functions/shade")
5
+ ParserSupport.parse_file("library/shade")
6
6
  end
7
7
 
8
8
  context "called on white" do
@@ -2,7 +2,7 @@ require "spec_helper"
2
2
 
3
3
  describe "size" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("addons/size")
5
+ ParserSupport.parse_file("library/size")
6
6
  end
7
7
 
8
8
  context "called with one size" do
@@ -1,8 +1,8 @@
1
1
  require "spec_helper"
2
2
 
3
- describe "strip-units" do
3
+ describe "strip-unit" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("functions/strip-units")
5
+ ParserSupport.parse_file("library/strip-unit")
6
6
  end
7
7
 
8
8
  context "called with px" do
@@ -2,23 +2,23 @@ require "spec_helper"
2
2
 
3
3
  describe "text-inputs" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("addons/text-inputs")
5
+ ParserSupport.parse_file("library/text-inputs")
6
6
 
7
7
  @inputs_list = %w(
8
- input[type="color"]
9
- input[type="date"]
10
- input[type="datetime"]
11
- input[type="datetime-local"]
12
- input[type="email"]
13
- input[type="month"]
14
- input[type="number"]
15
- input[type="password"]
16
- input[type="search"]
17
- input[type="tel"]
18
- input[type="text"]
19
- input[type="time"]
20
- input[type="url"]
21
- input[type="week"]
8
+ [type='color']
9
+ [type='date']
10
+ [type='datetime']
11
+ [type='datetime-local']
12
+ [type='email']
13
+ [type='month']
14
+ [type='number']
15
+ [type='password']
16
+ [type='search']
17
+ [type='tel']
18
+ [type='text']
19
+ [type='time']
20
+ [type='url']
21
+ [type='week']
22
22
  input:not([type])
23
23
  textarea
24
24
  )
@@ -62,4 +62,14 @@ describe "text-inputs" do
62
62
  expect(".all-text-inputs-hover").to have_ruleset(ruleset)
63
63
  end
64
64
  end
65
+
66
+ context "expands invalid text inputs" do
67
+ it "finds selectors" do
68
+ list = @inputs_list.map { |input| "#{input}:invalid" }
69
+ list = list.join(", ")
70
+ ruleset = "content: #{list};"
71
+
72
+ expect(".all-text-inputs-invalid").to have_ruleset(ruleset)
73
+ end
74
+ end
65
75
  end
@@ -2,7 +2,7 @@ require "spec_helper"
2
2
 
3
3
  describe "tint" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("functions/tint")
5
+ ParserSupport.parse_file("library/tint")
6
6
  end
7
7
 
8
8
  context "called on white" do
@@ -0,0 +1,31 @@
1
+ require "spec_helper"
2
+
3
+ describe "triangle" do
4
+ before(:all) do
5
+ ParserSupport.parse_file("library/triangle")
6
+ end
7
+
8
+ context "called with defaults" do
9
+ it "outputs the properties" do
10
+ ruleset = "border-style: solid; " +
11
+ "height: 0; " +
12
+ "width: 0; " +
13
+ "border-color: transparent transparent #b25c9c; " +
14
+ "border-width: 0 1rem 1rem;"
15
+
16
+ expect(".triangle--up").to have_ruleset(ruleset)
17
+ end
18
+ end
19
+
20
+ context "called with arguments" do
21
+ it "outputs the properties" do
22
+ ruleset = "border-style: solid; " +
23
+ "height: 0; " +
24
+ "width: 0; " +
25
+ "border-color: transparent transparent transparent #aaa; " +
26
+ "border-width: 6px 0 6px 5px;"
27
+
28
+ expect(".triangle--right").to have_ruleset(ruleset)
29
+ end
30
+ end
31
+ end
@@ -2,10 +2,10 @@ require "spec_helper"
2
2
 
3
3
  describe "assign-inputs" do
4
4
  before(:all) do
5
- ParserSupport.parse_file("functions/assign-inputs")
5
+ ParserSupport.parse_file("utilities/assign-inputs")
6
6
  @text_inputs_list = [
7
- "input[type=\"password\"]",
8
- "input[type=\"text\"]",
7
+ "[type='password']",
8
+ "[type='text']",
9
9
  "textarea"
10
10
  ]
11
11
  end
@@ -13,7 +13,7 @@ describe "assign-inputs" do
13
13
  context "expands plain text inputs" do
14
14
  it "finds selectors" do
15
15
  @text_inputs_list.each do |input|
16
- expect(input).to have_rule("color: #ff0000")
16
+ expect(input).to have_rule("color: #f00")
17
17
  end
18
18
  end
19
19
  end
@@ -23,7 +23,7 @@ describe "assign-inputs" do
23
23
  list = @text_inputs_list.dup
24
24
  list.map! { |input| input + ":active" }
25
25
  list.each do |input|
26
- expect(input).to have_rule("color: #00ff00")
26
+ expect(input).to have_rule("color: #0f0")
27
27
  end
28
28
  end
29
29
  end
@@ -33,7 +33,7 @@ describe "assign-inputs" do
33
33
  list = @text_inputs_list.dup
34
34
  list.push "select"
35
35
  list.each do |input|
36
- expect(input).to have_rule("color: #0000ff")
36
+ expect(input).to have_rule("color: #00f")
37
37
  end
38
38
  end
39
39
  end
@@ -41,9 +41,9 @@ describe "assign-inputs" do
41
41
  context "expands text inputs when middle of list" do
42
42
  it "finds selectors" do
43
43
  list = @text_inputs_list.dup
44
- list.unshift "input[type=\"file\"]"
44
+ list.unshift "[type=\"file\"]"
45
45
  list.each do |input|
46
- expect(input).to have_rule("color: #ff00ff")
46
+ expect(input).to have_rule("color: #f0f")
47
47
  end
48
48
  end
49
49
  end
@@ -0,0 +1,30 @@
1
+ require "spec_helper"
2
+
3
+ describe "compact-shorthand" do
4
+ before(:all) do
5
+ ParserSupport.parse_file("utilities/compact-shorthand")
6
+ end
7
+
8
+ context "compact-shorthand" do
9
+ it "returns four values unaltered" do
10
+ expect(".four-values-a").to have_rule("padding: 10px 20px 30px 40px")
11
+ end
12
+
13
+ it "returns four values when the left and right values are not equal" do
14
+ expect(".four-values-b").to have_rule("padding: 5px 10px 5px 20px")
15
+ end
16
+
17
+ it "compacts four values to two values when the top/bottom and " +
18
+ "left/right values are equal" do
19
+ expect(".two-values").to have_rule("padding: 50px 100px")
20
+ end
21
+
22
+ it "compacts four values to one value when they all match" do
23
+ expect(".one-value").to have_rule("padding: 10px")
24
+ end
25
+
26
+ it "skips null values" do
27
+ expect(".null-value").to have_rule("padding: 10px 20px")
28
+ end
29
+ end
30
+ end
@@ -0,0 +1,23 @@
1
+ require "spec_helper"
2
+
3
+ describe "contrast-ratio" do
4
+ before(:all) do
5
+ ParserSupport.parse_file("utilities/contrast-ratio")
6
+ end
7
+
8
+ context "calculates between white and black" do
9
+ it "outputs the contrast ratio" do
10
+ rule = "content: 21;"
11
+
12
+ expect(".contrast-ratio-black").to have_ruleset(rule)
13
+ end
14
+ end
15
+
16
+ context "calculates between white and blue" do
17
+ it "outputs the contrast ratio" do
18
+ rule = "content: 8.59247;"
19
+
20
+ expect(".contrast-ratio-blue").to have_ruleset(rule)
21
+ end
22
+ end
23
+ end
@@ -0,0 +1,28 @@
1
+ require "spec_helper"
2
+
3
+ describe "directional-property" do
4
+ before(:all) do
5
+ ParserSupport.parse_file("utilities/directional-property")
6
+ end
7
+
8
+ context "directional-property" do
9
+ it "returns property and values with four distinct lengths" do
10
+ expect(".border-all").to have_rule("border-width: 2px 5px 8px 12px")
11
+ end
12
+
13
+ it "returns property and value with one length" do
14
+ expect(".border-top").to have_rule("border-top: 10px")
15
+ end
16
+
17
+ it "returns property and value with vertical and horizontal values" do
18
+ expect(".border-color").to have_rule("border-color: #fff #000")
19
+ end
20
+
21
+ it "returns properties for top and bottom margin" do
22
+ ruleset = "margin-top: 20px; " +
23
+ "margin-bottom: 10px;"
24
+
25
+ expect(".margin-null").to have_ruleset(ruleset)
26
+ end
27
+ end
28
+ end