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,27 +0,0 @@
1
- @mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: $asset-pipeline) {
2
- @include _bourbon-deprecate("retina-image");
3
-
4
- @if $asset-pipeline {
5
- background-image: image-url("#{$filename}.#{$extension}");
6
- } @else {
7
- background-image: url("#{$filename}.#{$extension}");
8
- }
9
-
10
- @include hidpi {
11
- @if $asset-pipeline {
12
- @if $retina-filename {
13
- background-image: image-url("#{$retina-filename}.#{$extension}");
14
- } @else {
15
- background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}");
16
- }
17
- } @else {
18
- @if $retina-filename {
19
- background-image: url("#{$retina-filename}.#{$extension}");
20
- } @else {
21
- background-image: url("#{$filename}#{$retina-suffix}.#{$extension}");
22
- }
23
- }
24
-
25
- background-size: $background-size;
26
- }
27
- }
@@ -1,56 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Sets the `width` and `height` of the element.
4
- ///
5
- /// @param {List} $size
6
- /// A list of at most 2 size values.
7
- ///
8
- /// If there is only a single value in `$size` it is used for both width and height. All units are supported.
9
- ///
10
- /// @example scss - Usage
11
- /// .first-element {
12
- /// @include size(2em);
13
- /// }
14
- ///
15
- /// .second-element {
16
- /// @include size(auto 10em);
17
- /// }
18
- ///
19
- /// @example css - CSS Output
20
- /// .first-element {
21
- /// width: 2em;
22
- /// height: 2em;
23
- /// }
24
- ///
25
- /// .second-element {
26
- /// width: auto;
27
- /// height: 10em;
28
- /// }
29
- ///
30
- /// @todo Refactor in 5.0.0 to use a comma-separated argument
31
-
32
- @mixin size($value) {
33
- $width: nth($value, 1);
34
- $height: $width;
35
-
36
- @if length($value) > 1 {
37
- $height: nth($value, 2);
38
- }
39
-
40
- $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
41
- $output-bourbon-deprecation-warnings: false !global;
42
-
43
- @if is-size($height) {
44
- height: $height;
45
- } @else {
46
- @warn "`#{$height}` is not a valid length for the `$height` parameter in the `size` mixin.";
47
- }
48
-
49
- @if is-size($width) {
50
- width: $width;
51
- } @else {
52
- @warn "`#{$width}` is not a valid length for the `$width` parameter in the `size` mixin.";
53
- }
54
-
55
- $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
56
- }
@@ -1,118 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Generates variables for all text-based inputs. Please note that you must use interpolation on the variable: `#{$all-text-inputs}`.
4
- ///
5
- /// @example scss - Usage
6
- /// #{$all-text-inputs} {
7
- /// border: 1px solid #f00;
8
- /// }
9
- ///
10
- /// #{$all-text-inputs-focus},
11
- /// #{$all-text-inputs-hover} {
12
- /// border: 1px solid #0f0;
13
- /// }
14
- ///
15
- /// #{$all-text-inputs-active} {
16
- /// border: 1px solid #00f;
17
- /// }
18
- ///
19
- /// @example css - CSS Output
20
- /// input[type="color"],
21
- /// input[type="date"],
22
- /// input[type="datetime"],
23
- /// input[type="datetime-local"],
24
- /// input[type="email"],
25
- /// input[type="month"],
26
- /// input[type="number"],
27
- /// input[type="password"],
28
- /// input[type="search"],
29
- /// input[type="tel"],
30
- /// input[type="text"],
31
- /// input[type="time"],
32
- /// input[type="url"],
33
- /// input[type="week"],
34
- /// textarea {
35
- /// border: 1px solid #f00;
36
- /// }
37
- ///
38
- /// input[type="color"]:focus,
39
- /// input[type="date"]:focus,
40
- /// input[type="datetime"]:focus,
41
- /// input[type="datetime-local"]:focus,
42
- /// input[type="email"]:focus,
43
- /// input[type="month"]:focus,
44
- /// input[type="number"]:focus,
45
- /// input[type="password"]:focus,
46
- /// input[type="search"]:focus,
47
- /// input[type="tel"]:focus,
48
- /// input[type="text"]:focus,
49
- /// input[type="time"]:focus,
50
- /// input[type="url"]:focus,
51
- /// input[type="week"]:focus,
52
- /// textarea:focus,
53
- /// input[type="color"]:hover,
54
- /// input[type="date"]:hover,
55
- /// input[type="datetime"]:hover,
56
- /// input[type="datetime-local"]:hover,
57
- /// input[type="email"]:hover,
58
- /// input[type="month"]:hover,
59
- /// input[type="number"]:hover,
60
- /// input[type="password"]:hover,
61
- /// input[type="search"]:hover,
62
- /// input[type="tel"]:hover,
63
- /// input[type="text"]:hover,
64
- /// input[type="time"]:hover,
65
- /// input[type="url"]:hover,
66
- /// input[type="week"]:hover,
67
- /// textarea:hover {
68
- /// border: 1px solid #0f0;
69
- /// }
70
- ///
71
- /// input[type="color"]:active,
72
- /// input[type="date"]:active,
73
- /// input[type="datetime"]:active,
74
- /// input[type="datetime-local"]:active,
75
- /// input[type="email"]:active,
76
- /// input[type="month"]:active,
77
- /// input[type="number"]:active,
78
- /// input[type="password"]:active,
79
- /// input[type="search"]:active,
80
- /// input[type="tel"]:active,
81
- /// input[type="text"]:active,
82
- /// input[type="time"]:active,
83
- /// input[type="url"]:active,
84
- /// input[type="week"]:active,
85
- /// textarea:active {
86
- /// border: 1px solid #00f;
87
- /// }
88
- ///
89
- /// @require assign-inputs
90
- ///
91
- /// @type List
92
-
93
- $text-inputs-list: 'input[type="color"]',
94
- 'input[type="date"]',
95
- 'input[type="datetime"]',
96
- 'input[type="datetime-local"]',
97
- 'input[type="email"]',
98
- 'input[type="month"]',
99
- 'input[type="number"]',
100
- 'input[type="password"]',
101
- 'input[type="search"]',
102
- 'input[type="tel"]',
103
- 'input[type="text"]',
104
- 'input[type="time"]',
105
- 'input[type="url"]',
106
- 'input[type="week"]',
107
- 'input:not([type])',
108
- 'textarea';
109
-
110
- $user-output-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
111
- $output-bourbon-deprecation-warnings: false;
112
-
113
- $all-text-inputs: assign-inputs($text-inputs-list);
114
- $all-text-inputs-active: assign-inputs($text-inputs-list, active);
115
- $all-text-inputs-focus: assign-inputs($text-inputs-list, focus);
116
- $all-text-inputs-hover: assign-inputs($text-inputs-list, hover);
117
-
118
- $output-bourbon-deprecation-warnings: $user-output-deprecation-warnings-setting;
@@ -1,63 +0,0 @@
1
- @mixin triangle($size, $color, $direction) {
2
- $width: nth($size, 1);
3
- $height: nth($size, length($size));
4
- $foreground-color: nth($color, 1);
5
- $background-color: if(length($color) == 2, nth($color, 2), transparent);
6
- height: 0;
7
- width: 0;
8
-
9
- @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) {
10
- $width: $width / 2;
11
- $height: if(length($size) > 1, $height, $height/2);
12
-
13
- @if $direction == up {
14
- border-bottom: $height solid $foreground-color;
15
- border-left: $width solid $background-color;
16
- border-right: $width solid $background-color;
17
- } @else if $direction == right {
18
- border-bottom: $width solid $background-color;
19
- border-left: $height solid $foreground-color;
20
- border-top: $width solid $background-color;
21
- } @else if $direction == down {
22
- border-left: $width solid $background-color;
23
- border-right: $width solid $background-color;
24
- border-top: $height solid $foreground-color;
25
- } @else if $direction == left {
26
- border-bottom: $width solid $background-color;
27
- border-right: $height solid $foreground-color;
28
- border-top: $width solid $background-color;
29
- }
30
- } @else if ($direction == up-right) or ($direction == up-left) {
31
- border-top: $height solid $foreground-color;
32
-
33
- @if $direction == up-right {
34
- border-left: $width solid $background-color;
35
- } @else if $direction == up-left {
36
- border-right: $width solid $background-color;
37
- }
38
- } @else if ($direction == down-right) or ($direction == down-left) {
39
- border-bottom: $height solid $foreground-color;
40
-
41
- @if $direction == down-right {
42
- border-left: $width solid $background-color;
43
- } @else if $direction == down-left {
44
- border-right: $width solid $background-color;
45
- }
46
- } @else if ($direction == inset-up) {
47
- border-color: $background-color $background-color $foreground-color;
48
- border-style: solid;
49
- border-width: $height $width;
50
- } @else if ($direction == inset-down) {
51
- border-color: $foreground-color $background-color $background-color;
52
- border-style: solid;
53
- border-width: $height $width;
54
- } @else if ($direction == inset-right) {
55
- border-color: $background-color $background-color $background-color $foreground-color;
56
- border-style: solid;
57
- border-width: $width $height;
58
- } @else if ($direction == inset-left) {
59
- border-color: $background-color $foreground-color $background-color $background-color;
60
- border-style: solid;
61
- border-width: $width $height;
62
- }
63
- }
@@ -1,29 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides an easy way to change the `word-wrap` property.
4
- ///
5
- /// @param {String} $wrap [break-word]
6
- /// Value for the `word-break` property.
7
- ///
8
- /// @example scss - Usage
9
- /// .wrapper {
10
- /// @include word-wrap(break-word);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .wrapper {
15
- /// overflow-wrap: break-word;
16
- /// word-break: break-all;
17
- /// word-wrap: break-word;
18
- /// }
19
-
20
- @mixin word-wrap($wrap: break-word) {
21
- overflow-wrap: $wrap;
22
- word-wrap: $wrap;
23
-
24
- @if $wrap == break-word {
25
- word-break: break-all;
26
- } @else {
27
- word-break: $wrap;
28
- }
29
- }
@@ -1,61 +0,0 @@
1
- // http://www.w3.org/TR/css3-animations/#the-animation-name-property-
2
- // Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
3
-
4
- @mixin animation($animations...) {
5
- @include _bourbon-deprecate-for-prefixing("animation");
6
-
7
- @include prefixer(animation, $animations, webkit moz spec);
8
- }
9
-
10
- @mixin animation-name($names...) {
11
- @include _bourbon-deprecate-for-prefixing("animation-name");
12
-
13
- @include prefixer(animation-name, $names, webkit moz spec);
14
- }
15
-
16
- @mixin animation-duration($times...) {
17
- @include _bourbon-deprecate-for-prefixing("animation-duration");
18
-
19
- @include prefixer(animation-duration, $times, webkit moz spec);
20
- }
21
-
22
- @mixin animation-timing-function($motions...) {
23
- @include _bourbon-deprecate-for-prefixing("animation-timing-function");
24
-
25
- // ease | linear | ease-in | ease-out | ease-in-out
26
- @include prefixer(animation-timing-function, $motions, webkit moz spec);
27
- }
28
-
29
- @mixin animation-iteration-count($values...) {
30
- @include _bourbon-deprecate-for-prefixing("animation-iteration-count");
31
-
32
- // infinite | <number>
33
- @include prefixer(animation-iteration-count, $values, webkit moz spec);
34
- }
35
-
36
- @mixin animation-direction($directions...) {
37
- @include _bourbon-deprecate-for-prefixing("animation-direction");
38
-
39
- // normal | alternate
40
- @include prefixer(animation-direction, $directions, webkit moz spec);
41
- }
42
-
43
- @mixin animation-play-state($states...) {
44
- @include _bourbon-deprecate-for-prefixing("animation-play-state");
45
-
46
- // running | paused
47
- @include prefixer(animation-play-state, $states, webkit moz spec);
48
- }
49
-
50
- @mixin animation-delay($times...) {
51
- @include _bourbon-deprecate-for-prefixing("animation-delay");
52
-
53
- @include prefixer(animation-delay, $times, webkit moz spec);
54
- }
55
-
56
- @mixin animation-fill-mode($modes...) {
57
- @include _bourbon-deprecate-for-prefixing("animation-fill-mode");
58
-
59
- // none | forwards | backwards | both
60
- @include prefixer(animation-fill-mode, $modes, webkit moz spec);
61
- }
@@ -1,5 +0,0 @@
1
- @mixin appearance($value) {
2
- @include _bourbon-deprecate-for-prefixing("appearance");
3
-
4
- @include prefixer(appearance, $value, webkit moz ms o spec);
5
- }
@@ -1,5 +0,0 @@
1
- @mixin backface-visibility($visibility) {
2
- @include _bourbon-deprecate-for-prefixing("backface-visibility");
3
-
4
- @include prefixer(backface-visibility, $visibility, webkit spec);
5
- }
@@ -1,44 +0,0 @@
1
- //************************************************************************//
2
- // Background-image property for adding multiple background images with
3
- // gradients, or for stringing multiple gradients together.
4
- //************************************************************************//
5
-
6
- @mixin background-image($images...) {
7
- @include _bourbon-deprecate-for-prefixing("background-image");
8
-
9
- $webkit-images: ();
10
- $spec-images: ();
11
-
12
- @each $image in $images {
13
- $webkit-image: ();
14
- $spec-image: ();
15
-
16
- @if (type-of($image) == string) {
17
- $url-str: str-slice($image, 1, 3);
18
- $gradient-type: str-slice($image, 1, 6);
19
-
20
- @if $url-str == "url" {
21
- $webkit-image: $image;
22
- $spec-image: $image;
23
- }
24
-
25
- @else if $gradient-type == "linear" {
26
- $gradients: _linear-gradient-parser($image);
27
- $webkit-image: map-get($gradients, webkit-image);
28
- $spec-image: map-get($gradients, spec-image);
29
- }
30
-
31
- @else if $gradient-type == "radial" {
32
- $gradients: _radial-gradient-parser($image);
33
- $webkit-image: map-get($gradients, webkit-image);
34
- $spec-image: map-get($gradients, spec-image);
35
- }
36
- }
37
-
38
- $webkit-images: append($webkit-images, $webkit-image, comma);
39
- $spec-images: append($spec-images, $spec-image, comma);
40
- }
41
-
42
- background-image: $webkit-images;
43
- background-image: $spec-images;
44
- }
@@ -1,57 +0,0 @@
1
- //************************************************************************//
2
- // Background property for adding multiple backgrounds using shorthand
3
- // notation.
4
- //************************************************************************//
5
-
6
- @mixin background($backgrounds...) {
7
- @include _bourbon-deprecate-for-prefixing("background");
8
-
9
- $webkit-backgrounds: ();
10
- $spec-backgrounds: ();
11
-
12
- @each $background in $backgrounds {
13
- $webkit-background: ();
14
- $spec-background: ();
15
- $background-type: type-of($background);
16
-
17
- @if $background-type == string or $background-type == list {
18
- $background-str: if($background-type == list, nth($background, 1), $background);
19
-
20
- $url-str: str-slice($background-str, 1, 3);
21
- $gradient-type: str-slice($background-str, 1, 6);
22
-
23
- @if $url-str == "url" {
24
- $webkit-background: $background;
25
- $spec-background: $background;
26
- }
27
-
28
- @else if $gradient-type == "linear" {
29
- $gradients: _linear-gradient-parser("#{$background}");
30
- $webkit-background: map-get($gradients, webkit-image);
31
- $spec-background: map-get($gradients, spec-image);
32
- }
33
-
34
- @else if $gradient-type == "radial" {
35
- $gradients: _radial-gradient-parser("#{$background}");
36
- $webkit-background: map-get($gradients, webkit-image);
37
- $spec-background: map-get($gradients, spec-image);
38
- }
39
-
40
- @else {
41
- $webkit-background: $background;
42
- $spec-background: $background;
43
- }
44
- }
45
-
46
- @else {
47
- $webkit-background: $background;
48
- $spec-background: $background;
49
- }
50
-
51
- $webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma);
52
- $spec-backgrounds: append($spec-backgrounds, $spec-background, comma);
53
- }
54
-
55
- background: $webkit-backgrounds;
56
- background: $spec-backgrounds;
57
- }