bourbon 4.2.4 → 6.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (265) hide show
  1. checksums.yaml +5 -5
  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/.gitignore +1 -1
  6. data/.hound.yml +3 -1
  7. data/.npmignore +7 -4
  8. data/.stylelintrc.json +3 -0
  9. data/.tool-versions +2 -0
  10. data/CHANGELOG.md +415 -0
  11. data/CODE_OF_CONDUCT.md +6 -0
  12. data/CONTRIBUTING.md +81 -28
  13. data/Gemfile +1 -1
  14. data/LICENSE.md +1 -1
  15. data/README.md +164 -86
  16. data/RELEASING.md +33 -0
  17. data/Rakefile +0 -2
  18. data/bin/bourbon +1 -2
  19. data/bourbon.gemspec +30 -24
  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 +28 -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/core/bourbon/library/_timing-functions.scss +36 -0
  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 +42 -0
  53. data/core/bourbon/utilities/_contrast-ratio.scss +31 -0
  54. data/core/bourbon/utilities/_directional-property.scss +68 -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/eyeglass-exports.js +7 -0
  67. data/features/install.feature +0 -1
  68. data/features/step_definitions/bourbon_steps.rb +13 -5
  69. data/features/update.feature +0 -1
  70. data/features/version.feature +0 -2
  71. data/index.js +2 -2
  72. data/lib/bourbon/generator.rb +11 -10
  73. data/lib/bourbon/version.rb +1 -1
  74. data/lib/bourbon.rb +6 -19
  75. data/package-lock.json +3449 -0
  76. data/package.json +24 -13
  77. data/spec/bourbon/{addons → library}/border_color_spec.rb +8 -8
  78. data/spec/bourbon/{addons → library}/border_radius_spec.rb +1 -1
  79. data/spec/bourbon/{addons → library}/border_style_spec.rb +1 -1
  80. data/spec/bourbon/{addons → library}/border_width_spec.rb +1 -1
  81. data/spec/bourbon/{addons → library}/buttons_spec.rb +4 -4
  82. data/spec/bourbon/{addons → library}/clearfix_spec.rb +3 -3
  83. data/spec/bourbon/library/contrast_switch_spec.rb +23 -0
  84. data/spec/bourbon/{addons → library}/ellipsis_spec.rb +1 -1
  85. data/spec/bourbon/library/font_face_spec_1.rb +16 -0
  86. data/spec/bourbon/library/font_face_spec_2.rb +21 -0
  87. data/spec/bourbon/library/font_face_spec_3.rb +16 -0
  88. data/spec/bourbon/library/font_face_spec_4.rb +17 -0
  89. data/spec/bourbon/library/font_stacks_spec.rb +42 -0
  90. data/spec/bourbon/{addons → library}/hide_text_spec.rb +1 -1
  91. data/spec/bourbon/library/hide_visually_spec.rb +37 -0
  92. data/spec/bourbon/{addons → library}/margin_spec.rb +1 -1
  93. data/spec/bourbon/{functions → library}/modular_scale_spec.rb +6 -6
  94. data/spec/bourbon/library/overflow_wrap_spec.rb +27 -0
  95. data/spec/bourbon/{addons → library}/padding_spec.rb +1 -1
  96. data/spec/bourbon/{addons → library}/position_spec.rb +1 -1
  97. data/spec/bourbon/library/prefixer_spec.rb +34 -0
  98. data/spec/bourbon/{functions → library}/shade_spec.rb +1 -1
  99. data/spec/bourbon/{addons → library}/size_spec.rb +1 -1
  100. data/spec/bourbon/{functions/strip_units_spec.rb → library/strip_unit_spec.rb} +2 -2
  101. data/spec/bourbon/{addons → library}/text_inputs_spec.rb +25 -15
  102. data/spec/bourbon/{functions → library}/tint_spec.rb +1 -1
  103. data/spec/bourbon/library/triangle_spec.rb +31 -0
  104. data/spec/bourbon/{functions → utilities}/assign_inputs_spec.rb +8 -8
  105. data/spec/bourbon/utilities/compact_shorthand_spec.rb +30 -0
  106. data/spec/bourbon/utilities/contrast_ratio_spec.rb +23 -0
  107. data/spec/bourbon/utilities/directional_property_spec.rb +28 -0
  108. data/spec/bourbon/utilities/fetch_bourbon_setting_spec.rb +31 -0
  109. data/spec/bourbon/{helpers → utilities}/font_source_declaration_spec.rb +1 -1
  110. data/spec/bourbon/utilities/gamma_spec.rb +23 -0
  111. data/spec/bourbon/utilities/lightness_spec.rb +31 -0
  112. data/spec/bourbon/{functions → utilities}/unpack_spec.rb +1 -1
  113. data/spec/bourbon/{functions → validators}/contains_spec.rb +1 -1
  114. data/spec/bourbon/{functions → validators}/is_length_spec.rb +1 -1
  115. data/spec/bourbon/{functions → validators}/is_number_spec.rb +1 -1
  116. data/spec/bourbon/{functions → validators}/is_size_spec.rb +1 -1
  117. data/spec/fixtures/_setup.scss +1 -1
  118. data/spec/fixtures/{addons → library}/border-color.scss +4 -4
  119. data/spec/fixtures/{addons → library}/border-radius.scss +0 -0
  120. data/spec/fixtures/{addons → library}/border-style.scss +0 -0
  121. data/spec/fixtures/{addons → library}/border-width.scss +0 -0
  122. data/spec/fixtures/{addons → library}/buttons.scss +0 -0
  123. data/spec/fixtures/{addons → library}/clearfix.scss +0 -0
  124. data/spec/fixtures/library/contrast-switch.scss +9 -0
  125. data/spec/fixtures/{addons → library}/ellipsis.scss +0 -0
  126. data/spec/fixtures/library/font-face-1.scss +6 -0
  127. data/spec/fixtures/library/font-face-2.scss +10 -0
  128. data/spec/fixtures/library/font-face-3.scss +8 -0
  129. data/spec/fixtures/library/font-face-4.scss +7 -0
  130. data/spec/fixtures/library/font-stacks.scss +41 -0
  131. data/spec/fixtures/{addons → library}/hide-text.scss +0 -0
  132. data/spec/fixtures/library/hide-visually.scss +9 -0
  133. data/spec/fixtures/{addons → library}/margin.scss +0 -0
  134. data/spec/fixtures/{functions → library}/modular-scale.scss +0 -0
  135. data/spec/fixtures/library/overflow-wrap.scss +9 -0
  136. data/spec/fixtures/{addons → library}/padding.scss +0 -0
  137. data/spec/fixtures/{addons → library}/position.scss +0 -4
  138. data/spec/fixtures/library/prefixer.scss +13 -0
  139. data/spec/fixtures/{functions → library}/shade.scss +1 -1
  140. data/spec/fixtures/{addons → library}/size.scss +2 -2
  141. data/spec/fixtures/library/strip-unit.scss +17 -0
  142. data/spec/fixtures/{addons → library}/text-inputs.scss +4 -0
  143. data/spec/fixtures/{functions → library}/tint.scss +1 -1
  144. data/spec/fixtures/library/triangle.scss +9 -0
  145. data/spec/fixtures/utilities/assign-inputs.scss +19 -0
  146. data/spec/fixtures/utilities/compact-shorthand.scss +21 -0
  147. data/spec/fixtures/utilities/contrast-ratio.scss +9 -0
  148. data/spec/fixtures/utilities/directional-property.scss +17 -0
  149. data/spec/fixtures/utilities/fetch-bourbon-setting.scss +16 -0
  150. data/spec/fixtures/utilities/font-source-declaration.scss +11 -0
  151. data/spec/fixtures/utilities/gamma.scss +9 -0
  152. data/spec/fixtures/utilities/lightness.scss +13 -0
  153. data/spec/fixtures/utilities/unpack.scss +17 -0
  154. data/spec/fixtures/{functions → validators}/contains.scss +1 -1
  155. data/spec/fixtures/{functions → validators}/is-length.scss +1 -1
  156. data/spec/fixtures/{functions → validators}/is-number.scss +1 -1
  157. data/spec/fixtures/{functions → validators}/is-size.scss +1 -1
  158. data/spec/support/matchers/have_value.rb +1 -1
  159. metadata +246 -282
  160. data/.scss-lint.yml +0 -14
  161. data/.travis.yml +0 -8
  162. data/app/assets/stylesheets/_bourbon-deprecated-upcoming.scss +0 -411
  163. data/app/assets/stylesheets/_bourbon.scss +0 -87
  164. data/app/assets/stylesheets/addons/_border-color.scss +0 -26
  165. data/app/assets/stylesheets/addons/_border-radius.scss +0 -48
  166. data/app/assets/stylesheets/addons/_border-style.scss +0 -25
  167. data/app/assets/stylesheets/addons/_border-width.scss +0 -25
  168. data/app/assets/stylesheets/addons/_buttons.scss +0 -64
  169. data/app/assets/stylesheets/addons/_font-stacks.scss +0 -31
  170. data/app/assets/stylesheets/addons/_hide-text.scss +0 -27
  171. data/app/assets/stylesheets/addons/_margin.scss +0 -26
  172. data/app/assets/stylesheets/addons/_padding.scss +0 -26
  173. data/app/assets/stylesheets/addons/_position.scss +0 -48
  174. data/app/assets/stylesheets/addons/_prefixer.scss +0 -66
  175. data/app/assets/stylesheets/addons/_retina-image.scss +0 -25
  176. data/app/assets/stylesheets/addons/_size.scss +0 -51
  177. data/app/assets/stylesheets/addons/_text-inputs.scss +0 -113
  178. data/app/assets/stylesheets/addons/_timing-functions.scss +0 -34
  179. data/app/assets/stylesheets/addons/_triangle.scss +0 -63
  180. data/app/assets/stylesheets/addons/_word-wrap.scss +0 -29
  181. data/app/assets/stylesheets/css3/_animation.scss +0 -43
  182. data/app/assets/stylesheets/css3/_appearance.scss +0 -3
  183. data/app/assets/stylesheets/css3/_backface-visibility.scss +0 -3
  184. data/app/assets/stylesheets/css3/_background-image.scss +0 -42
  185. data/app/assets/stylesheets/css3/_background.scss +0 -55
  186. data/app/assets/stylesheets/css3/_border-image.scss +0 -59
  187. data/app/assets/stylesheets/css3/_calc.scss +0 -4
  188. data/app/assets/stylesheets/css3/_columns.scss +0 -47
  189. data/app/assets/stylesheets/css3/_filter.scss +0 -4
  190. data/app/assets/stylesheets/css3/_flex-box.scss +0 -287
  191. data/app/assets/stylesheets/css3/_font-face.scss +0 -24
  192. data/app/assets/stylesheets/css3/_font-feature-settings.scss +0 -4
  193. data/app/assets/stylesheets/css3/_hidpi-media-query.scss +0 -10
  194. data/app/assets/stylesheets/css3/_hyphens.scss +0 -4
  195. data/app/assets/stylesheets/css3/_image-rendering.scss +0 -14
  196. data/app/assets/stylesheets/css3/_keyframes.scss +0 -36
  197. data/app/assets/stylesheets/css3/_linear-gradient.scss +0 -38
  198. data/app/assets/stylesheets/css3/_perspective.scss +0 -8
  199. data/app/assets/stylesheets/css3/_placeholder.scss +0 -8
  200. data/app/assets/stylesheets/css3/_radial-gradient.scss +0 -39
  201. data/app/assets/stylesheets/css3/_selection.scss +0 -42
  202. data/app/assets/stylesheets/css3/_text-decoration.scss +0 -19
  203. data/app/assets/stylesheets/css3/_transform.scss +0 -15
  204. data/app/assets/stylesheets/css3/_transition.scss +0 -71
  205. data/app/assets/stylesheets/css3/_user-select.scss +0 -3
  206. data/app/assets/stylesheets/functions/_assign-inputs.scss +0 -11
  207. data/app/assets/stylesheets/functions/_is-light.scss +0 -21
  208. data/app/assets/stylesheets/functions/_is-number.scss +0 -11
  209. data/app/assets/stylesheets/functions/_is-size.scss +0 -13
  210. data/app/assets/stylesheets/functions/_modular-scale.scss +0 -69
  211. data/app/assets/stylesheets/functions/_px-to-em.scss +0 -13
  212. data/app/assets/stylesheets/functions/_px-to-rem.scss +0 -15
  213. data/app/assets/stylesheets/functions/_shade.scss +0 -24
  214. data/app/assets/stylesheets/functions/_strip-units.scss +0 -17
  215. data/app/assets/stylesheets/functions/_tint.scss +0 -24
  216. data/app/assets/stylesheets/functions/_transition-property-name.scss +0 -22
  217. data/app/assets/stylesheets/helpers/_convert-units.scss +0 -21
  218. data/app/assets/stylesheets/helpers/_directional-values.scss +0 -96
  219. data/app/assets/stylesheets/helpers/_gradient-positions-parser.scss +0 -13
  220. data/app/assets/stylesheets/helpers/_linear-angle-parser.scss +0 -25
  221. data/app/assets/stylesheets/helpers/_linear-gradient-parser.scss +0 -41
  222. data/app/assets/stylesheets/helpers/_linear-positions-parser.scss +0 -61
  223. data/app/assets/stylesheets/helpers/_linear-side-corner-parser.scss +0 -31
  224. data/app/assets/stylesheets/helpers/_radial-arg-parser.scss +0 -69
  225. data/app/assets/stylesheets/helpers/_radial-gradient-parser.scss +0 -50
  226. data/app/assets/stylesheets/helpers/_radial-positions-parser.scss +0 -18
  227. data/app/assets/stylesheets/helpers/_render-gradients.scss +0 -26
  228. data/app/assets/stylesheets/helpers/_shape-size-stripper.scss +0 -10
  229. data/app/assets/stylesheets/helpers/_str-to-num.scss +0 -50
  230. data/app/assets/stylesheets/settings/_asset-pipeline.scss +0 -7
  231. data/app/assets/stylesheets/settings/_prefixer.scss +0 -9
  232. data/app/assets/stylesheets/settings/_px-to-em.scss +0 -1
  233. data/bower.json +0 -36
  234. data/lib/bourbon/engine.rb +0 -5
  235. data/lib/tasks/install.rake +0 -20
  236. data/sache.json +0 -5
  237. data/spec/bourbon/addons/font_stacks_spec.rb +0 -25
  238. data/spec/bourbon/addons/retina_image_spec.rb +0 -57
  239. data/spec/bourbon/addons/triangle_spec.rb +0 -32
  240. data/spec/bourbon/addons/word_wrap_spec.rb +0 -29
  241. data/spec/bourbon/css3/font_face_spec.rb +0 -45
  242. data/spec/bourbon/css3/hidpi_media_query_spec.rb +0 -23
  243. data/spec/bourbon/functions/is_light_spec.rb +0 -37
  244. data/spec/bourbon/functions/px_to_em_spec.rb +0 -31
  245. data/spec/bourbon/functions/px_to_rem_spec.rb +0 -25
  246. data/spec/bourbon/helpers/convert_units_spec.rb +0 -31
  247. data/spec/bourbon/helpers/directional_values_spec.rb +0 -39
  248. data/spec/bourbon/helpers/str_to_num_spec.rb +0 -25
  249. data/spec/fixtures/addons/font-stacks.scss +0 -21
  250. data/spec/fixtures/addons/retina-image.scss +0 -21
  251. data/spec/fixtures/addons/triangle.scss +0 -9
  252. data/spec/fixtures/addons/word-wrap.scss +0 -9
  253. data/spec/fixtures/css3/font-face.scss +0 -6
  254. data/spec/fixtures/css3/hidpi-media-query.scss +0 -13
  255. data/spec/fixtures/functions/assign-inputs.scss +0 -19
  256. data/spec/fixtures/functions/is-light.scss +0 -29
  257. data/spec/fixtures/functions/px-to-em.scss +0 -17
  258. data/spec/fixtures/functions/px-to-rem.scss +0 -15
  259. data/spec/fixtures/functions/strip-units.scss +0 -17
  260. data/spec/fixtures/functions/unpack.scss +0 -17
  261. data/spec/fixtures/helpers/convert-units.scss +0 -17
  262. data/spec/fixtures/helpers/directional-values.scss +0 -29
  263. data/spec/fixtures/helpers/font-source-declaration.scss +0 -10
  264. data/spec/fixtures/helpers/str-to-num.scss +0 -13
  265. data/spec/support/matchers/be_contained_in.rb +0 -10
data/.scss-lint.yml DELETED
@@ -1,14 +0,0 @@
1
- scss_files: "app/assets/stylesheets/**/*.scss"
2
- linters:
3
- BorderZero:
4
- enabled: false
5
- ColorVariable:
6
- enabled: false
7
- LeadingZero:
8
- enabled: true
9
- style: include_zero
10
- SelectorFormat:
11
- enabled: false
12
- StringQuotes:
13
- enabled: true
14
- style: double_quotes
data/.travis.yml DELETED
@@ -1,8 +0,0 @@
1
- branches:
2
- except:
3
- - gh-pages
4
- language: ruby
5
- notifications:
6
- email: false
7
- rvm: 2.2.1
8
- sudo: false
@@ -1,411 +0,0 @@
1
- // The following features have been deprecated and will be removed in the next MAJOR version release
2
-
3
- @mixin inline-block {
4
- display: inline-block;
5
-
6
- @warn "The inline-block mixin is deprecated and will be removed in the next major version release";
7
- }
8
-
9
- @mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) {
10
-
11
- @if type-of($style) == string and type-of($base-color) == color {
12
- @include buttonstyle($style, $base-color, $text-size, $padding);
13
- }
14
-
15
- @if type-of($style) == string and type-of($base-color) == number {
16
- $padding: $text-size;
17
- $text-size: $base-color;
18
- $base-color: #4294f0;
19
-
20
- @if $padding == inherit {
21
- $padding: 7px 18px;
22
- }
23
-
24
- @include buttonstyle($style, $base-color, $text-size, $padding);
25
- }
26
-
27
- @if type-of($style) == color and type-of($base-color) == color {
28
- $base-color: $style;
29
- $style: simple;
30
- @include buttonstyle($style, $base-color, $text-size, $padding);
31
- }
32
-
33
- @if type-of($style) == color and type-of($base-color) == number {
34
- $padding: $text-size;
35
- $text-size: $base-color;
36
- $base-color: $style;
37
- $style: simple;
38
-
39
- @if $padding == inherit {
40
- $padding: 7px 18px;
41
- }
42
-
43
- @include buttonstyle($style, $base-color, $text-size, $padding);
44
- }
45
-
46
- @if type-of($style) == number {
47
- $padding: $base-color;
48
- $text-size: $style;
49
- $base-color: #4294f0;
50
- $style: simple;
51
-
52
- @if $padding == #4294f0 {
53
- $padding: 7px 18px;
54
- }
55
-
56
- @include buttonstyle($style, $base-color, $text-size, $padding);
57
- }
58
-
59
- &:disabled {
60
- cursor: not-allowed;
61
- opacity: 0.5;
62
- }
63
-
64
- @warn "The button mixin is deprecated and will be removed in the next major version release";
65
- }
66
-
67
- // Selector Style Button
68
- @mixin buttonstyle($type, $b-color, $t-size, $pad) {
69
- // Grayscale button
70
- @if $type == simple and $b-color == grayscale($b-color) {
71
- @include simple($b-color, true, $t-size, $pad);
72
- }
73
-
74
- @if $type == shiny and $b-color == grayscale($b-color) {
75
- @include shiny($b-color, true, $t-size, $pad);
76
- }
77
-
78
- @if $type == pill and $b-color == grayscale($b-color) {
79
- @include pill($b-color, true, $t-size, $pad);
80
- }
81
-
82
- @if $type == flat and $b-color == grayscale($b-color) {
83
- @include flat($b-color, true, $t-size, $pad);
84
- }
85
-
86
- // Colored button
87
- @if $type == simple {
88
- @include simple($b-color, false, $t-size, $pad);
89
- }
90
-
91
- @else if $type == shiny {
92
- @include shiny($b-color, false, $t-size, $pad);
93
- }
94
-
95
- @else if $type == pill {
96
- @include pill($b-color, false, $t-size, $pad);
97
- }
98
-
99
- @else if $type == flat {
100
- @include flat($b-color, false, $t-size, $pad);
101
- }
102
- }
103
-
104
- // Simple Button
105
- @mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
106
- $color: hsl(0, 0, 100%);
107
- $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
108
- $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%);
109
- $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%);
110
- $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%);
111
-
112
- @if is-light($base-color) {
113
- $color: hsl(0, 0, 20%);
114
- $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
115
- }
116
-
117
- @if $grayscale == true {
118
- $border: grayscale($border);
119
- $inset-shadow: grayscale($inset-shadow);
120
- $stop-gradient: grayscale($stop-gradient);
121
- $text-shadow: grayscale($text-shadow);
122
- }
123
-
124
- border: 1px solid $border;
125
- border-radius: 3px;
126
- box-shadow: inset 0 1px 0 0 $inset-shadow;
127
- color: $color;
128
- display: inline-block;
129
- font-size: $textsize;
130
- font-weight: bold;
131
- @include linear-gradient ($base-color, $stop-gradient);
132
- padding: $padding;
133
- text-decoration: none;
134
- text-shadow: 0 1px 0 $text-shadow;
135
- background-clip: padding-box;
136
-
137
- &:hover:not(:disabled) {
138
- $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
139
- $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%);
140
- $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%);
141
-
142
- @if $grayscale == true {
143
- $base-color-hover: grayscale($base-color-hover);
144
- $inset-shadow-hover: grayscale($inset-shadow-hover);
145
- $stop-gradient-hover: grayscale($stop-gradient-hover);
146
- }
147
-
148
- @include linear-gradient ($base-color-hover, $stop-gradient-hover);
149
-
150
- box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
151
- cursor: pointer;
152
- }
153
-
154
- &:active:not(:disabled),
155
- &:focus:not(:disabled) {
156
- $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
157
- $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
158
-
159
- @if $grayscale == true {
160
- $border-active: grayscale($border-active);
161
- $inset-shadow-active: grayscale($inset-shadow-active);
162
- }
163
-
164
- border: 1px solid $border-active;
165
- box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active;
166
- }
167
- }
168
-
169
- // Shiny Button
170
- @mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
171
- $color: hsl(0, 0, 100%);
172
- $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
173
- $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
174
- $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46);
175
- $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12);
176
- $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33);
177
- $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
178
- $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48);
179
-
180
- @if is-light($base-color) {
181
- $color: hsl(0, 0, 20%);
182
- $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
183
- }
184
-
185
- @if $grayscale == true {
186
- $border: grayscale($border);
187
- $border-bottom: grayscale($border-bottom);
188
- $fourth-stop: grayscale($fourth-stop);
189
- $inset-shadow: grayscale($inset-shadow);
190
- $second-stop: grayscale($second-stop);
191
- $text-shadow: grayscale($text-shadow);
192
- $third-stop: grayscale($third-stop);
193
- }
194
-
195
- @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
196
-
197
- border: 1px solid $border;
198
- border-bottom: 1px solid $border-bottom;
199
- border-radius: 5px;
200
- box-shadow: inset 0 1px 0 0 $inset-shadow;
201
- color: $color;
202
- display: inline-block;
203
- font-size: $textsize;
204
- font-weight: bold;
205
- padding: $padding;
206
- text-align: center;
207
- text-decoration: none;
208
- text-shadow: 0 -1px 1px $text-shadow;
209
-
210
- &:hover:not(:disabled) {
211
- $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
212
- $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
213
- $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
214
- $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
215
-
216
- @if $grayscale == true {
217
- $first-stop-hover: grayscale($first-stop-hover);
218
- $second-stop-hover: grayscale($second-stop-hover);
219
- $third-stop-hover: grayscale($third-stop-hover);
220
- $fourth-stop-hover: grayscale($fourth-stop-hover);
221
- }
222
-
223
- @include linear-gradient(top, $first-stop-hover 0%,
224
- $second-stop-hover 50%,
225
- $third-stop-hover 50%,
226
- $fourth-stop-hover 100%);
227
- cursor: pointer;
228
- }
229
-
230
- &:active:not(:disabled),
231
- &:focus:not(:disabled) {
232
- $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
233
-
234
- @if $grayscale == true {
235
- $inset-shadow-active: grayscale($inset-shadow-active);
236
- }
237
-
238
- box-shadow: inset 0 0 20px 0 $inset-shadow-active;
239
- }
240
- }
241
-
242
- // Pill Button
243
- @mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
244
- $color: hsl(0, 0, 100%);
245
- $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%);
246
- $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%);
247
- $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
248
- $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%);
249
- $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%);
250
- $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%);
251
-
252
- @if is-light($base-color) {
253
- $color: hsl(0, 0, 20%);
254
- $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
255
- }
256
-
257
- @if $grayscale == true {
258
- $border-bottom: grayscale($border-bottom);
259
- $border-sides: grayscale($border-sides);
260
- $border-top: grayscale($border-top);
261
- $inset-shadow: grayscale($inset-shadow);
262
- $stop-gradient: grayscale($stop-gradient);
263
- $text-shadow: grayscale($text-shadow);
264
- }
265
-
266
- border: 1px solid $border-top;
267
- border-color: $border-top $border-sides $border-bottom;
268
- border-radius: 16px;
269
- box-shadow: inset 0 1px 0 0 $inset-shadow;
270
- color: $color;
271
- display: inline-block;
272
- font-size: $textsize;
273
- font-weight: normal;
274
- line-height: 1;
275
- @include linear-gradient ($base-color, $stop-gradient);
276
- padding: $padding;
277
- text-align: center;
278
- text-decoration: none;
279
- text-shadow: 0 -1px 1px $text-shadow;
280
- background-clip: padding-box;
281
-
282
- &:hover:not(:disabled) {
283
- $base-color-hover: adjust-color($base-color, $lightness: -4.5%);
284
- $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%);
285
- $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%);
286
- $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%);
287
- $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%);
288
- $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%);
289
- $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%);
290
-
291
- @if $grayscale == true {
292
- $base-color-hover: grayscale($base-color-hover);
293
- $border-bottom: grayscale($border-bottom);
294
- $border-sides: grayscale($border-sides);
295
- $border-top: grayscale($border-top);
296
- $inset-shadow-hover: grayscale($inset-shadow-hover);
297
- $stop-gradient-hover: grayscale($stop-gradient-hover);
298
- $text-shadow-hover: grayscale($text-shadow-hover);
299
- }
300
-
301
- @include linear-gradient ($base-color-hover, $stop-gradient-hover);
302
-
303
- background-clip: padding-box;
304
- border: 1px solid $border-top;
305
- border-color: $border-top $border-sides $border-bottom;
306
- box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
307
- cursor: pointer;
308
- text-shadow: 0 -1px 1px $text-shadow-hover;
309
- }
310
-
311
- &:active:not(:disabled),
312
- &:focus:not(:disabled) {
313
- $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%);
314
- $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%);
315
- $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%);
316
- $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%);
317
- $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%);
318
-
319
- @if $grayscale == true {
320
- $active-color: grayscale($active-color);
321
- $border-active: grayscale($border-active);
322
- $border-bottom-active: grayscale($border-bottom-active);
323
- $inset-shadow-active: grayscale($inset-shadow-active);
324
- $text-shadow-active: grayscale($text-shadow-active);
325
- }
326
-
327
- background: $active-color;
328
- border: 1px solid $border-active;
329
- border-bottom: 1px solid $border-bottom-active;
330
- box-shadow: inset 0 0 6px 3px $inset-shadow-active;
331
- text-shadow: 0 -1px 1px $text-shadow-active;
332
- }
333
- }
334
-
335
- // Flat Button
336
- @mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
337
- $color: hsl(0, 0, 100%);
338
-
339
- @if is-light($base-color) {
340
- $color: hsl(0, 0, 20%);
341
- }
342
-
343
- background-color: $base-color;
344
- border-radius: 3px;
345
- border: 0;
346
- color: $color;
347
- display: inline-block;
348
- font-size: $textsize;
349
- font-weight: bold;
350
- padding: $padding;
351
- text-decoration: none;
352
- background-clip: padding-box;
353
-
354
- &:hover:not(:disabled){
355
- $base-color-hover: adjust-color($base-color, $saturation: 4%, $lightness: 5%);
356
-
357
- @if $grayscale == true {
358
- $base-color-hover: grayscale($base-color-hover);
359
- }
360
-
361
- background-color: $base-color-hover;
362
- cursor: pointer;
363
- }
364
-
365
- &:active:not(:disabled),
366
- &:focus:not(:disabled) {
367
- $base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
368
-
369
- @if $grayscale == true {
370
- $base-color-active: grayscale($base-color-active);
371
- }
372
-
373
- background-color: $base-color-active;
374
- cursor: pointer;
375
- }
376
- }
377
-
378
- // Flexible grid
379
- @function flex-grid($columns, $container-columns: $fg-max-columns) {
380
- $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
381
- $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
382
- @return percentage($width / $container-width);
383
-
384
- @warn "The flex-grid function is deprecated and will be removed in the next major version release";
385
- }
386
-
387
- // Flexible gutter
388
- @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
389
- $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
390
- @return percentage($gutter / $container-width);
391
-
392
- @warn "The flex-gutter function is deprecated and will be removed in the next major version release";
393
- }
394
-
395
- @function grid-width($n) {
396
- @return $n * $gw-column + ($n - 1) * $gw-gutter;
397
-
398
- @warn "The grid-width function is deprecated and will be removed in the next major version release";
399
- }
400
-
401
- @function golden-ratio($value, $increment) {
402
- @return modular-scale($increment, $value, $ratio: $golden);
403
-
404
- @warn "The golden-ratio function is deprecated and will be removed in the next major version release. Please use the modular-scale function, instead.";
405
- }
406
-
407
- @mixin box-sizing($box) {
408
- @include prefixer(box-sizing, $box, webkit moz spec);
409
-
410
- @warn "The box-sizing mixin is deprecated and will be removed in the next major version release. This property can now be used un-prefixed.";
411
- }
@@ -1,87 +0,0 @@
1
- // Bourbon 4.2.4
2
- // http://bourbon.io
3
- // Copyright 2011-2015 thoughtbot, inc.
4
- // MIT License
5
-
6
- @import "settings/prefixer";
7
- @import "settings/px-to-em";
8
- @import "settings/asset-pipeline";
9
-
10
- @import "functions/assign-inputs";
11
- @import "functions/contains";
12
- @import "functions/contains-falsy";
13
- @import "functions/is-length";
14
- @import "functions/is-light";
15
- @import "functions/is-number";
16
- @import "functions/is-size";
17
- @import "functions/px-to-em";
18
- @import "functions/px-to-rem";
19
- @import "functions/shade";
20
- @import "functions/strip-units";
21
- @import "functions/tint";
22
- @import "functions/transition-property-name";
23
- @import "functions/unpack";
24
- @import "functions/modular-scale";
25
-
26
- @import "helpers/convert-units";
27
- @import "helpers/directional-values";
28
- @import "helpers/font-source-declaration";
29
- @import "helpers/gradient-positions-parser";
30
- @import "helpers/linear-angle-parser";
31
- @import "helpers/linear-gradient-parser";
32
- @import "helpers/linear-positions-parser";
33
- @import "helpers/linear-side-corner-parser";
34
- @import "helpers/radial-arg-parser";
35
- @import "helpers/radial-positions-parser";
36
- @import "helpers/radial-gradient-parser";
37
- @import "helpers/render-gradients";
38
- @import "helpers/shape-size-stripper";
39
- @import "helpers/str-to-num";
40
-
41
- @import "css3/animation";
42
- @import "css3/appearance";
43
- @import "css3/backface-visibility";
44
- @import "css3/background";
45
- @import "css3/background-image";
46
- @import "css3/border-image";
47
- @import "css3/calc";
48
- @import "css3/columns";
49
- @import "css3/filter";
50
- @import "css3/flex-box";
51
- @import "css3/font-face";
52
- @import "css3/font-feature-settings";
53
- @import "css3/hidpi-media-query";
54
- @import "css3/hyphens";
55
- @import "css3/image-rendering";
56
- @import "css3/keyframes";
57
- @import "css3/linear-gradient";
58
- @import "css3/perspective";
59
- @import "css3/placeholder";
60
- @import "css3/radial-gradient";
61
- @import "css3/selection";
62
- @import "css3/text-decoration";
63
- @import "css3/transform";
64
- @import "css3/transition";
65
- @import "css3/user-select";
66
-
67
- @import "addons/border-color";
68
- @import "addons/border-radius";
69
- @import "addons/border-style";
70
- @import "addons/border-width";
71
- @import "addons/buttons";
72
- @import "addons/clearfix";
73
- @import "addons/ellipsis";
74
- @import "addons/font-stacks";
75
- @import "addons/hide-text";
76
- @import "addons/margin";
77
- @import "addons/padding";
78
- @import "addons/position";
79
- @import "addons/prefixer";
80
- @import "addons/retina-image";
81
- @import "addons/size";
82
- @import "addons/text-inputs";
83
- @import "addons/timing-functions";
84
- @import "addons/triangle";
85
- @import "addons/word-wrap";
86
-
87
- @import "bourbon-deprecated-upcoming";
@@ -1,26 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-color` on specific sides of a box. Use a `null` value to “skip” a side.
4
- ///
5
- /// @param {Arglist} $vals
6
- /// List of arguments
7
- ///
8
- /// @example scss - Usage
9
- /// .element {
10
- /// @include border-color(#a60b55 #76cd9c null #e8ae1a);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .element {
15
- /// border-left-color: #e8ae1a;
16
- /// border-right-color: #76cd9c;
17
- /// border-top-color: #a60b55;
18
- /// }
19
- ///
20
- /// @require {mixin} directional-property
21
- ///
22
- /// @output `border-color`
23
-
24
- @mixin border-color($vals...) {
25
- @include directional-property(border, color, $vals...);
26
- }
@@ -1,48 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-radius` on both corners on the side of a box.
4
- ///
5
- /// @param {Number} $radii
6
- /// List of arguments
7
- ///
8
- /// @example scss - Usage
9
- /// .element-one {
10
- /// @include border-top-radius(5px);
11
- /// }
12
- ///
13
- /// .element-two {
14
- /// @include border-left-radius(3px);
15
- /// }
16
- ///
17
- /// @example css - CSS Output
18
- /// .element-one {
19
- /// border-top-left-radius: 5px;
20
- /// border-top-right-radius: 5px;
21
- /// }
22
- ///
23
- /// .element-two {
24
- /// border-bottom-left-radius: 3px;
25
- /// border-top-left-radius: 3px;
26
- /// }
27
- ///
28
- /// @output `border-radius`
29
-
30
- @mixin border-top-radius($radii) {
31
- border-top-left-radius: $radii;
32
- border-top-right-radius: $radii;
33
- }
34
-
35
- @mixin border-right-radius($radii) {
36
- border-bottom-right-radius: $radii;
37
- border-top-right-radius: $radii;
38
- }
39
-
40
- @mixin border-bottom-radius($radii) {
41
- border-bottom-left-radius: $radii;
42
- border-bottom-right-radius: $radii;
43
- }
44
-
45
- @mixin border-left-radius($radii) {
46
- border-bottom-left-radius: $radii;
47
- border-top-left-radius: $radii;
48
- }
@@ -1,25 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-style` on specific sides of a box. Use a `null` value to “skip” a side.
4
- ///
5
- /// @param {Arglist} $vals
6
- /// List of arguments
7
- ///
8
- /// @example scss - Usage
9
- /// .element {
10
- /// @include border-style(dashed null solid);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .element {
15
- /// border-bottom-style: solid;
16
- /// border-top-style: dashed;
17
- /// }
18
- ///
19
- /// @require {mixin} directional-property
20
- ///
21
- /// @output `border-style`
22
-
23
- @mixin border-style($vals...) {
24
- @include directional-property(border, style, $vals...);
25
- }
@@ -1,25 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- /// Provides a quick method for targeting `border-width` on specific sides of a box. Use a `null` value to “skip” a side.
4
- ///
5
- /// @param {Arglist} $vals
6
- /// List of arguments
7
- ///
8
- /// @example scss - Usage
9
- /// .element {
10
- /// @include border-width(1em null 20px);
11
- /// }
12
- ///
13
- /// @example css - CSS Output
14
- /// .element {
15
- /// border-bottom-width: 20px;
16
- /// border-top-width: 1em;
17
- /// }
18
- ///
19
- /// @require {mixin} directional-property
20
- ///
21
- /// @output `border-width`
22
-
23
- @mixin border-width($vals...) {
24
- @include directional-property(border, width, $vals...);
25
- }