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,45 +0,0 @@
1
- require "spec_helper"
2
-
3
- describe "font-face" do
4
- before(:all) do
5
- ParserSupport.parse_file("css3/font-face")
6
- end
7
-
8
- context "called with defaults" do
9
- it "outputs defaults" do
10
- ruleset = "font-family: \"Helvetica\"; " +
11
- "font-style: normal; " +
12
- "font-weight: normal; " +
13
- "src: url(\"/fonts.eot?#iefix\") " +
14
- "format(\"embedded-opentype\"), " +
15
- "url(\"/fonts.woff2\") format(\"woff2\"), " +
16
- "url(\"/fonts.woff\") format(\"woff\"), " +
17
- "url(\"/fonts.ttf\") format(\"truetype\"), " +
18
- "url(\"/fonts.svg#Helvetica\") format(\"svg\");; " +
19
- "font-family: \"Verdana\"; " +
20
- "font-style: \"italic\"; " +
21
- "font-weight: \"bold\"; " +
22
- "src: url(\"/assets/fonts.eot?#iefix\") " +
23
- "format(\"embedded-opentype\"), url(\"/assets/fonts.woff2\") " +
24
- "format(\"woff2\"), url(\"/assets/fonts.woff\") " +
25
- "format(\"woff\"), url(\"/assets/fonts.ttf\") " +
26
- "format(\"truetype\"), url(\"/assets/fonts.svg#Verdana\") " +
27
- "format(\"svg\");; " +
28
- "font-family: \"Georgia\"; " +
29
- "font-style: \"normal\"; " +
30
- "font-weight: \"normal\"; " +
31
- "src: url(\"/assets.eot?#iefix\") " +
32
- "format(\"embedded-opentype\"), url(\"/assets.woff2\") " +
33
- "format(\"woff2\"), url(\"/assets.woff\") format(\"woff\"), " +
34
- "url(\"/assets.ttf\") format(\"truetype\"), " +
35
- "url(\"/assets.svg#Georgia\") format(\"svg\");; " +
36
- "font-family: \"Arial\"; " +
37
- "font-style: \"normal\"; " +
38
- "font-weight: \"normal\"; " +
39
- "src: url(\"/.woff2\") format(\"woff2\"), " +
40
- "url(\"/.svg#Arial\") format(\"svg\");"
41
-
42
- expect("@font-face").to have_ruleset(ruleset)
43
- end
44
- end
45
- end
@@ -1,23 +0,0 @@
1
- require "spec_helper"
2
-
3
- describe "hidpi-media-query" do
4
- before(:all) do
5
- ParserSupport.parse_file("css3/hidpi-media-query")
6
- end
7
-
8
- context "called with defaults" do
9
- it "outputs defaults" do
10
- rule = "color: #ff0000"
11
-
12
- expect(".hidpi-defaults").to have_rule(rule)
13
- end
14
- end
15
-
16
- context "called with ratio" do
17
- it "outputs ratio" do
18
- rule = "color: #00ff00"
19
-
20
- expect(".hidpi-ratio").to have_rule(rule)
21
- end
22
- end
23
- end
@@ -1,31 +0,0 @@
1
- require "spec_helper"
2
-
3
- describe "px-to-em" do
4
- before(:all) do
5
- ParserSupport.parse_file("functions/px-to-em")
6
- end
7
-
8
- context "called with unitless integer" do
9
- it "outputs ems" do
10
- expect(".unitless").to have_rule("font-size: 0.75em")
11
- end
12
- end
13
-
14
- context "called with unitless integer and base" do
15
- it "outputs ems" do
16
- expect(".unitless-with-base").to have_rule("font-size: 0.66667em")
17
- end
18
- end
19
-
20
- context "called with px" do
21
- it "outputs ems" do
22
- expect(".px").to have_rule("font-size: 1em")
23
- end
24
- end
25
-
26
- context "called with px" do
27
- it "outputs ems" do
28
- expect(".px-with-base").to have_rule("font-size: 1.5em")
29
- end
30
- end
31
- end
@@ -1,25 +0,0 @@
1
- require "spec_helper"
2
-
3
- describe "px-to-rem" do
4
- before(:all) do
5
- ParserSupport.parse_file("functions/px-to-rem")
6
- end
7
-
8
- context "called with unitless integer" do
9
- it "outputs rems" do
10
- expect(".unitless").to have_rule("font-size: 0.75rem")
11
- end
12
- end
13
-
14
- context "called with px" do
15
- it "outputs rems" do
16
- expect(".px").to have_rule("font-size: 1rem")
17
- end
18
- end
19
-
20
- context "called with px with modified base" do
21
- it "outputs rems" do
22
- expect(".px-with-modified-base").to have_rule("font-size: 1rem")
23
- end
24
- end
25
- end
@@ -1,31 +0,0 @@
1
- require "spec_helper"
2
-
3
- describe "convert-units" do
4
- before(:all) do
5
- ParserSupport.parse_file("helpers/convert-units")
6
- end
7
-
8
- context "called with integer and px" do
9
- it "is converted to px length" do
10
- expect(".px").to have_rule("height: 12px")
11
- end
12
- end
13
-
14
- context "called with integer and pt" do
15
- it "is converted to points" do
16
- expect(".pt").to have_rule("font-size: 16pt")
17
- end
18
- end
19
-
20
- context "called with integer and deg" do
21
- it "is converted to degrees" do
22
- expect(".deg").to have_rule("transform: rotate(180deg)")
23
- end
24
- end
25
-
26
- context "called with string and px" do
27
- it "returns false" do
28
- expect(".string").to have_rule("padding-top: false")
29
- end
30
- end
31
- end
@@ -1,25 +0,0 @@
1
- require "spec_helper"
2
-
3
- describe "str-to-num" do
4
- before(:all) do
5
- ParserSupport.parse_file("helpers/str-to-num")
6
- end
7
-
8
- context "called with integer string" do
9
- it "is converted to integer" do
10
- expect(".string-to-integer").to have_rule("height: 10")
11
- end
12
- end
13
-
14
- context "called with px string" do
15
- it "is converted to px" do
16
- expect(".string-to-px").to have_rule("height: 15px")
17
- end
18
- end
19
-
20
- context "called with negative px string" do
21
- it "is converted to negative px" do
22
- expect(".string-to-negative-px").to have_rule("height: -25px")
23
- end
24
- end
25
- end
@@ -1,21 +0,0 @@
1
- @import "setup";
2
-
3
- .retina-default {
4
- @include retina-image("retina-default", "320px 480px");
5
- }
6
-
7
- .retina-extension {
8
- @include retina-image("retina-extension", "20px 40px", "jpg");
9
- }
10
-
11
- .retina-custom-name {
12
- @include retina-image("default", "10px 5px", "png", "custom");
13
- }
14
-
15
- .retina-custom-suffix {
16
- @include retina-image("default", "3em 2em", "png", false, "@2x");
17
- }
18
-
19
- .retina-pipeline {
20
- @include retina-image("default", "100px 20px", "jpg", null, null, false);
21
- }
@@ -1,9 +0,0 @@
1
- @import "setup";
2
-
3
- .triangle-down {
4
- @include triangle(12px, #ffffff, down);
5
- }
6
-
7
- .triangle-corner {
8
- @include triangle(12px 6px, #000000 #aaaaaa, up-left);
9
- }
@@ -1,6 +0,0 @@
1
- @import "setup";
2
-
3
- @include font-face("Helvetica", "/fonts");
4
- @include font-face("Verdana", "/assets/fonts", "bold", "italic");
5
- @include font-face("Georgia", "/assets", "normal", "normal", false);
6
- @include font-face("Arial", "/", "normal", "normal", false, woff2 svg);
@@ -1,13 +0,0 @@
1
- @import "setup";
2
-
3
- .hidpi-defaults {
4
- @include hidpi() {
5
- color: #ff0000;
6
- }
7
- }
8
-
9
- .hidpi-ratio {
10
- @include hidpi(1.5) {
11
- color: #00ff00;
12
- }
13
- }
@@ -1,17 +0,0 @@
1
- @import "setup";
2
-
3
- .unitless {
4
- font-size: em(12);
5
- }
6
-
7
- .unitless-with-base {
8
- font-size: em(10, 15);
9
- }
10
-
11
- .px {
12
- font-size: em(16px);
13
- }
14
-
15
- .px-with-base {
16
- font-size: em(15px, 10px);
17
- }
@@ -1,15 +0,0 @@
1
- @import "setup";
2
-
3
- .unitless {
4
- font-size: rem(12);
5
- }
6
-
7
- .px {
8
- font-size: rem(16px);
9
- }
10
-
11
- $em-base: 20px;
12
-
13
- .px-with-modified-base {
14
- font-size: rem(20);
15
- }
@@ -1,17 +0,0 @@
1
- @import "setup";
2
-
3
- .px {
4
- width: strip-units(10px);
5
- }
6
-
7
- .em {
8
- width: strip-units(2em);
9
- }
10
-
11
- .rem {
12
- width: strip-units(1.5rem);
13
- }
14
-
15
- .percent {
16
- width: strip-units(20%);
17
- }
@@ -1,17 +0,0 @@
1
- @import "setup";
2
-
3
- .px {
4
- height: _convert-units(12, "px");
5
- }
6
-
7
- .pt {
8
- font-size: _convert-units(16, "pt");
9
- }
10
-
11
- .deg {
12
- transform: rotate(_convert-units(180, "deg"));
13
- }
14
-
15
- .string {
16
- padding-top: _convert-units(stringy, "px");
17
- }
@@ -1,13 +0,0 @@
1
- @import "setup";
2
-
3
- .string-to-integer {
4
- height: _str-to-num("10");
5
- }
6
-
7
- .string-to-px {
8
- height: _str-to-num("15px");
9
- }
10
-
11
- .string-to-negative-px {
12
- height: _str-to-num("-25px");
13
- }