dream-theme 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +48 -0
  4. data/_includes/head.html +17 -0
  5. data/_includes/navigation.html +17 -0
  6. data/_layouts/home.html +29 -0
  7. data/_layouts/page.html +5 -0
  8. data/_layouts/post.html +16 -0
  9. data/_sass/base/_base.scss +14 -0
  10. data/_sass/base/_buttons.scss +43 -0
  11. data/_sass/base/_forms.scss +95 -0
  12. data/_sass/base/_layout.scss +18 -0
  13. data/_sass/base/_lists.scss +19 -0
  14. data/_sass/base/_media.scss +9 -0
  15. data/_sass/base/_tables.scss +29 -0
  16. data/_sass/base/_typography.scss +45 -0
  17. data/_sass/base/_variables.scss +41 -0
  18. data/_sass/bourbon/_bourbon.scss +54 -0
  19. data/_sass/bourbon/bourbon/helpers/_buttons-list.scss +14 -0
  20. data/_sass/bourbon/bourbon/helpers/_scales.scss +27 -0
  21. data/_sass/bourbon/bourbon/helpers/_text-inputs-list.scss +26 -0
  22. data/_sass/bourbon/bourbon/library/_border-color.scss +26 -0
  23. data/_sass/bourbon/bourbon/library/_border-radius.scss +85 -0
  24. data/_sass/bourbon/bourbon/library/_border-style.scss +25 -0
  25. data/_sass/bourbon/bourbon/library/_border-width.scss +25 -0
  26. data/_sass/bourbon/bourbon/library/_buttons.scss +84 -0
  27. data/_sass/bourbon/bourbon/library/_clearfix.scss +25 -0
  28. data/_sass/bourbon/bourbon/library/_contrast-switch.scss +81 -0
  29. data/_sass/bourbon/bourbon/library/_ellipsis.scss +36 -0
  30. data/_sass/bourbon/bourbon/library/_font-face.scss +65 -0
  31. data/_sass/bourbon/bourbon/library/_font-stacks.scss +249 -0
  32. data/_sass/bourbon/bourbon/library/_hide-text.scss +24 -0
  33. data/_sass/bourbon/bourbon/library/_hide-visually.scss +70 -0
  34. data/_sass/bourbon/bourbon/library/_margin.scss +37 -0
  35. data/_sass/bourbon/bourbon/library/_modular-scale.scss +120 -0
  36. data/_sass/bourbon/bourbon/library/_overflow-wrap.scss +24 -0
  37. data/_sass/bourbon/bourbon/library/_padding.scss +36 -0
  38. data/_sass/bourbon/bourbon/library/_position.scss +62 -0
  39. data/_sass/bourbon/bourbon/library/_prefixer.scss +37 -0
  40. data/_sass/bourbon/bourbon/library/_shade.scss +32 -0
  41. data/_sass/bourbon/bourbon/library/_size.scss +50 -0
  42. data/_sass/bourbon/bourbon/library/_strip-unit.scss +17 -0
  43. data/_sass/bourbon/bourbon/library/_text-inputs.scss +163 -0
  44. data/_sass/bourbon/bourbon/library/_timing-functions.scss +38 -0
  45. data/_sass/bourbon/bourbon/library/_tint.scss +32 -0
  46. data/_sass/bourbon/bourbon/library/_triangle.scss +82 -0
  47. data/_sass/bourbon/bourbon/library/_value-prefixer.scss +37 -0
  48. data/_sass/bourbon/bourbon/settings/_settings.scss +75 -0
  49. data/_sass/bourbon/bourbon/utilities/_assign-inputs.scss +28 -0
  50. data/_sass/bourbon/bourbon/utilities/_compact-shorthand.scss +39 -0
  51. data/_sass/bourbon/bourbon/utilities/_contrast-ratio.scss +31 -0
  52. data/_sass/bourbon/bourbon/utilities/_directional-property.scss +70 -0
  53. data/_sass/bourbon/bourbon/utilities/_fetch-bourbon-setting.scss +16 -0
  54. data/_sass/bourbon/bourbon/utilities/_font-source-declaration.scss +51 -0
  55. data/_sass/bourbon/bourbon/utilities/_gamma.scss +21 -0
  56. data/_sass/bourbon/bourbon/utilities/_lightness.scss +24 -0
  57. data/_sass/bourbon/bourbon/utilities/_unpack-shorthand.scss +29 -0
  58. data/_sass/bourbon/bourbon/validators/_contains-falsy.scss +20 -0
  59. data/_sass/bourbon/bourbon/validators/_contains.scss +26 -0
  60. data/_sass/bourbon/bourbon/validators/_is-color.scss +13 -0
  61. data/_sass/bourbon/bourbon/validators/_is-length.scss +15 -0
  62. data/_sass/bourbon/bourbon/validators/_is-number.scss +15 -0
  63. data/_sass/bourbon/bourbon/validators/_is-size.scss +18 -0
  64. data/_sass/home.scss +55 -0
  65. data/_sass/main.scss +73 -0
  66. data/_sass/navigation.scss +45 -0
  67. data/_sass/neat/_neat.scss +26 -0
  68. data/_sass/neat/neat/functions/_neat-append-grid-visual.scss +21 -0
  69. data/_sass/neat/neat/functions/_neat-column-default.scss +23 -0
  70. data/_sass/neat/neat/functions/_neat-column-ratio.scss +24 -0
  71. data/_sass/neat/neat/functions/_neat-column-width.scss +25 -0
  72. data/_sass/neat/neat/functions/_neat-float-direction.scss +22 -0
  73. data/_sass/neat/neat/functions/_neat-merge-defaults.scss +23 -0
  74. data/_sass/neat/neat/functions/_neat-opposite-direction.scss +22 -0
  75. data/_sass/neat/neat/functions/_neat-parse-columns.scss +22 -0
  76. data/_sass/neat/neat/functions/_neat-parse-media.scss +20 -0
  77. data/_sass/neat/neat/functions/_retrieve-neat-settings.scss +19 -0
  78. data/_sass/neat/neat/mixins/_grid-collapse.scss +35 -0
  79. data/_sass/neat/neat/mixins/_grid-column.scss +39 -0
  80. data/_sass/neat/neat/mixins/_grid-container.scss +31 -0
  81. data/_sass/neat/neat/mixins/_grid-media.scss +67 -0
  82. data/_sass/neat/neat/mixins/_grid-push.scss +37 -0
  83. data/_sass/neat/neat/mixins/_grid-shift.scss +36 -0
  84. data/_sass/neat/neat/mixins/_grid-visual.scss +41 -0
  85. data/_sass/neat/neat/settings/_settings.scss +74 -0
  86. data/_sass/post.scss +24 -0
  87. data/assets/Linkedin.svg +17 -0
  88. data/assets/Twitter.svg +18 -0
  89. data/assets/github.png +0 -0
  90. data/assets/gitlab.svg +53 -0
  91. data/assets/icon.jpg +0 -0
  92. data/assets/icon.svg +95 -0
  93. data/assets/linkedin.png +0 -0
  94. data/assets/styles.scss +4 -0
  95. metadata +179 -0
@@ -0,0 +1,17 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Strips the unit from a number.
4
+ ///
5
+ /// @argument {number} $value
6
+ ///
7
+ /// @return {number (unitless)}
8
+ ///
9
+ /// @example scss
10
+ /// $dimension: strip-unit(10em);
11
+ ///
12
+ /// // Output
13
+ /// $dimension: 10;
14
+
15
+ @function strip-unit($value) {
16
+ @return ($value / ($value * 0 + 1));
17
+ }
@@ -0,0 +1,163 @@
1
+ @charset "UTF-8";
2
+
3
+ ////
4
+ /// @type list
5
+ ///
6
+ /// @require {function} _assign-inputs
7
+ ///
8
+ /// @require {variable} $_text-inputs-list
9
+ ////
10
+
11
+ /// A list of all _text-based_ HTML inputs. Please note that you must
12
+ /// interpolate the variable (`#{}`) to use it as a selector.
13
+ ///
14
+ /// @example scss
15
+ /// #{$all-text-inputs} {
16
+ /// border: 1px solid #ccc;
17
+ /// }
18
+ ///
19
+ /// // CSS Output
20
+ /// [type='color'],
21
+ /// [type='date'],
22
+ /// [type='datetime'],
23
+ /// [type='datetime-local'],
24
+ /// [type='email'],
25
+ /// [type='month'],
26
+ /// [type='number'],
27
+ /// [type='password'],
28
+ /// [type='search'],
29
+ /// [type='tel'],
30
+ /// [type='text'],
31
+ /// [type='time'],
32
+ /// [type='url'],
33
+ /// [type='week'],
34
+ /// input:not([type]),
35
+ /// textarea {
36
+ /// border: 1px solid #ccc;
37
+ /// }
38
+
39
+ $all-text-inputs: _assign-inputs($_text-inputs-list);
40
+
41
+ /// A list of all _text-based_ HTML inputs with the `:active` pseudo-class
42
+ /// applied. Please note that you must interpolate the variable (`#{}`) to use
43
+ /// it as a selector.
44
+ ///
45
+ /// @example scss
46
+ /// #{$all-text-inputs-active} {
47
+ /// border: 1px solid #aaa;
48
+ /// }
49
+ ///
50
+ /// // CSS Output
51
+ /// [type='color']:active,
52
+ /// [type='date']:active,
53
+ /// [type='datetime']:active,
54
+ /// [type='datetime-local']:active,
55
+ /// [type='email']:active,
56
+ /// [type='month']:active,
57
+ /// [type='number']:active,
58
+ /// [type='password']:active,
59
+ /// [type='search']:active,
60
+ /// [type='tel']:active,
61
+ /// [type='text']:active,
62
+ /// [type='time']:active,
63
+ /// [type='url']:active,
64
+ /// [type='week']:active,
65
+ /// input:not([type]):active,
66
+ /// textarea:active {
67
+ /// border: 1px solid #aaa;
68
+ /// }
69
+
70
+ $all-text-inputs-active: _assign-inputs($_text-inputs-list, active);
71
+
72
+ /// A list of all _text-based_ HTML inputs with the `:focus` pseudo-class
73
+ /// applied. Please note that you must interpolate the variable (`#{}`) to use
74
+ /// it as a selector.
75
+ ///
76
+ /// @example scss
77
+ /// #{$all-text-inputs-focus} {
78
+ /// border: 1px solid #1565c0;
79
+ /// }
80
+ ///
81
+ /// // CSS Output
82
+ /// [type='color']:focus,
83
+ /// [type='date']:focus,
84
+ /// [type='datetime']:focus,
85
+ /// [type='datetime-local']:focus,
86
+ /// [type='email']:focus,
87
+ /// [type='month']:focus,
88
+ /// [type='number']:focus,
89
+ /// [type='password']:focus,
90
+ /// [type='search']:focus,
91
+ /// [type='tel']:focus,
92
+ /// [type='text']:focus,
93
+ /// [type='time']:focus,
94
+ /// [type='url']:focus,
95
+ /// [type='week']:focus,
96
+ /// input:not([type]):focus,
97
+ /// textarea:focus {
98
+ /// border: 1px solid #1565c0;
99
+ /// }
100
+
101
+ $all-text-inputs-focus: _assign-inputs($_text-inputs-list, focus);
102
+
103
+ /// A list of all _text-based_ HTML inputs with the `:hover` pseudo-class
104
+ /// applied. Please note that you must interpolate the variable (`#{}`) to use
105
+ /// it as a selector.
106
+ ///
107
+ /// @example scss
108
+ /// #{$all-text-inputs-hover} {
109
+ /// border: 1px solid #aaa;
110
+ /// }
111
+ ///
112
+ /// // CSS Output
113
+ /// [type='color']:hover,
114
+ /// [type='date']:hover,
115
+ /// [type='datetime']:hover,
116
+ /// [type='datetime-local']:hover,
117
+ /// [type='email']:hover,
118
+ /// [type='month']:hover,
119
+ /// [type='number']:hover,
120
+ /// [type='password']:hover,
121
+ /// [type='search']:hover,
122
+ /// [type='tel']:hover,
123
+ /// [type='text']:hover,
124
+ /// [type='time']:hover,
125
+ /// [type='url']:hover,
126
+ /// [type='week']:hover,
127
+ /// input:not([type]):hover,
128
+ /// textarea:hover {
129
+ /// border: 1px solid #aaa;
130
+ /// }
131
+
132
+ $all-text-inputs-hover: _assign-inputs($_text-inputs-list, hover);
133
+
134
+ /// A list of all _text-based_ HTML inputs with the `:invalid` pseudo-class
135
+ /// applied. Please note that you must interpolate the variable (`#{}`) to use
136
+ /// it as a selector.
137
+ ///
138
+ /// @example scss
139
+ /// #{$all-text-inputs-invalid} {
140
+ /// border: 1px solid #00f;
141
+ /// }
142
+ ///
143
+ /// // CSS Output
144
+ /// [type='color']:invalid,
145
+ /// [type='date']:invalid,
146
+ /// [type='datetime']:invalid,
147
+ /// [type='datetime-local']:invalid,
148
+ /// [type='email']:invalid,
149
+ /// [type='month']:invalid,
150
+ /// [type='number']:invalid,
151
+ /// [type='password']:invalid,
152
+ /// [type='search']:invalid,
153
+ /// [type='tel']:invalid,
154
+ /// [type='text']:invalid,
155
+ /// [type='time']:invalid,
156
+ /// [type='url']:invalid,
157
+ /// [type='week']:invalid,
158
+ /// input:not([type]):invalid,
159
+ /// textarea:invalid {
160
+ /// border: 1px solid #00f;
161
+ /// }
162
+
163
+ $all-text-inputs-invalid: _assign-inputs($_text-inputs-list, invalid);
@@ -0,0 +1,38 @@
1
+ @charset "UTF-8";
2
+
3
+ // scss-lint:disable SpaceAfterComma, UnnecessaryMantissa, TrailingZero
4
+
5
+ ////
6
+ /// CSS cubic-bezier timing functions.
7
+ ///
8
+ /// @link https://goo.gl/p8u6SK
9
+ ///
10
+ /// @type string
11
+ ////
12
+
13
+ $ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
14
+ $ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
15
+ $ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
16
+ $ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
17
+ $ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
18
+ $ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
19
+ $ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
20
+ $ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
21
+
22
+ $ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
23
+ $ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
24
+ $ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
25
+ $ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
26
+ $ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
27
+ $ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
28
+ $ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
29
+ $ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
30
+
31
+ $ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
32
+ $ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
33
+ $ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
34
+ $ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
35
+ $ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
36
+ $ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
37
+ $ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
38
+ $ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
@@ -0,0 +1,32 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Mixes a color with white.
4
+ ///
5
+ /// @argument {color} $color
6
+ ///
7
+ /// @argument {number (percentage)} $percent
8
+ /// The amount of white to be mixed in.
9
+ ///
10
+ /// @return {color}
11
+ ///
12
+ /// @example scss
13
+ /// .element {
14
+ /// background-color: tint(#6ecaa6, 40%);
15
+ /// }
16
+ ///
17
+ /// // CSS Output
18
+ /// .element {
19
+ /// background-color: #a8dfc9;
20
+ /// }
21
+
22
+ @function tint(
23
+ $color,
24
+ $percent
25
+ ) {
26
+ @if not _is-color($color) {
27
+ @error "`#{$color}` is not a valid color for the `$color` argument in " +
28
+ "the `tint` mixin.";
29
+ } @else {
30
+ @return mix(#fff, $color, $percent);
31
+ }
32
+ }
@@ -0,0 +1,82 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Generates a triangle pointing in a specified direction.
4
+ ///
5
+ /// @argument {string} $direction
6
+ /// The direction the triangle should point. Accepts `up`, `up-right`,
7
+ /// `right`, `down-right`, `down`, `down-left`, `left` or `up-left`.
8
+ ///
9
+ /// @argument {number (with unit)} $width
10
+ /// Width of the triangle.
11
+ ///
12
+ /// @argument {number (with unit)} $height
13
+ /// Height of the triangle.
14
+ ///
15
+ /// @argument {color} $color
16
+ /// Color of the triangle.
17
+ ///
18
+ /// @example scss
19
+ /// .element {
20
+ /// &::before {
21
+ /// @include triangle("up", 2rem, 1rem, #b25c9c);
22
+ /// content: "";
23
+ /// }
24
+ /// }
25
+ ///
26
+ /// // CSS Output
27
+ /// .element::before {
28
+ /// border-style: solid;
29
+ /// height: 0;
30
+ /// width: 0;
31
+ /// border-color: transparent transparent #b25c9c;
32
+ /// border-width: 0 1rem 1rem;
33
+ /// content: "";
34
+ /// }
35
+
36
+ @mixin triangle(
37
+ $direction,
38
+ $width,
39
+ $height,
40
+ $color
41
+ ) {
42
+ @if not index(
43
+ "up" "up-right" "right" "down-right" "down" "down-left" "left" "up-left",
44
+ $direction
45
+ ) {
46
+ @error "Direction must be `up`, `up-right`, `right`, `down-right`, " +
47
+ "`down`, `down-left`, `left` or `up-left`.";
48
+ } @else if not _is-color($color) {
49
+ @error "`#{$color}` is not a valid color for the `$color` argument in " +
50
+ "the `triangle` mixin.";
51
+ } @else {
52
+ border-style: solid;
53
+ height: 0;
54
+ width: 0;
55
+
56
+ @if $direction == "up" {
57
+ border-color: transparent transparent $color;
58
+ border-width: 0 ($width / 2) $height;
59
+ } @else if $direction == "up-right" {
60
+ border-color: transparent $color transparent transparent;
61
+ border-width: 0 $width $width 0;
62
+ } @else if $direction == "right" {
63
+ border-color: transparent transparent transparent $color;
64
+ border-width: ($height / 2) 0 ($height / 2) $width;
65
+ } @else if $direction == "down-right" {
66
+ border-color: transparent transparent $color;
67
+ border-width: 0 0 $width $width;
68
+ } @else if $direction == "down" {
69
+ border-color: $color transparent transparent;
70
+ border-width: $height ($width / 2) 0;
71
+ } @else if $direction == "down-left" {
72
+ border-color: transparent transparent transparent $color;
73
+ border-width: $width 0 0 $width;
74
+ } @else if $direction == "left" {
75
+ border-color: transparent $color transparent transparent;
76
+ border-width: ($height / 2) $width ($height / 2) 0;
77
+ } @else if $direction == "up-left" {
78
+ border-color: $color transparent transparent;
79
+ border-width: $width $width 0 0;
80
+ }
81
+ }
82
+ }
@@ -0,0 +1,37 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Generates vendor prefixes for values.
4
+ ///
5
+ /// @argument {string} $property
6
+ /// Property to use.
7
+ ///
8
+ /// @argument {string} $value
9
+ /// Value to prefix.
10
+ ///
11
+ /// @argument {list} $prefixes
12
+ /// Vendor prefixes to output.
13
+ ///
14
+ /// @example scss
15
+ /// .element {
16
+ /// @include value-prefixer(cursor, grab, ("webkit", "moz"));
17
+ /// }
18
+ ///
19
+ /// // CSS Output
20
+ /// .element {
21
+ /// cursor: -webkit-grab;
22
+ /// cursor: -moz-grab;
23
+ /// cursor: grab;
24
+ /// }
25
+ ///
26
+ /// @author Matthew Tobiasz
27
+
28
+ @mixin value-prefixer(
29
+ $property,
30
+ $value,
31
+ $prefixes: ()
32
+ ) {
33
+ @each $prefix in $prefixes {
34
+ #{$property}: #{"-" + $prefix + "-" + $value};
35
+ }
36
+ #{$property}: $value;
37
+ }
@@ -0,0 +1,75 @@
1
+ @charset "UTF-8";
2
+
3
+ /// Default global Bourbon settings. Values in this map are overwritten by any
4
+ /// values set in the `$bourbon` map.
5
+ ///
6
+ /// @type map
7
+ ///
8
+ /// @property {color} contrast-switch-dark-color [#000]
9
+ /// Global dark color for the `contrast-switch` function.
10
+ ///
11
+ /// @property {color} contrast-switch-light-color [#fff]
12
+ /// Global light color for the `contrast-switch` function.
13
+ ///
14
+ /// @property {list} global-font-file-formats [("ttf", "woff2", "woff")]
15
+ /// Global font file formats for the `font-face` mixin.
16
+ ///
17
+ /// @property {number (with unit)} modular-scale-base [1em]
18
+ /// Global base value for the `modular-scale` function.
19
+ ///
20
+ /// @property {number (unitless)} modular-scale-ratio [$major-third (1.25)]
21
+ /// Global base ratio for the `modular-scale` function.
22
+ ///
23
+ /// @property {boolean} rails-asset-pipeline [false]
24
+ /// Set this to `true` when using the Rails Asset Pipeline and Bourbon will
25
+ /// write asset paths using
26
+ /// [sass-rails’ asset helpers](https://github.com/rails/sass-rails#asset-helpers).
27
+ ///
28
+ /// @access private
29
+
30
+ $_bourbon-defaults: (
31
+ "contrast-switch-dark-color": #000,
32
+ "contrast-switch-light-color": #fff,
33
+ "global-font-file-formats": ("ttf", "woff2", "woff"),
34
+ "modular-scale-base": 1em,
35
+ "modular-scale-ratio": $major-third,
36
+ "rails-asset-pipeline": false,
37
+ );
38
+
39
+ /// Global Bourbon settings.
40
+ ///
41
+ /// @name Settings
42
+ ///
43
+ /// @type map
44
+ ///
45
+ /// @property {color} contrast-switch-dark-color [#000]
46
+ /// Global dark color for the `contrast-switch` function.
47
+ ///
48
+ /// @property {color} contrast-switch-light-color [#fff]
49
+ /// Global light color for the `contrast-switch` function.
50
+ ///
51
+ /// @property {list} global-font-file-formats [("ttf", "woff2", "woff")]
52
+ /// Global font file formats for the `font-face` mixin.
53
+ ///
54
+ /// @property {number (with unit)} modular-scale-base [1em]
55
+ /// Global base value for the `modular-scale` function.
56
+ ///
57
+ /// @property {number (unitless)} modular-scale-ratio [$major-third (1.25)]
58
+ /// Global base ratio for the `modular-scale` function.
59
+ ///
60
+ /// @property {boolean} rails-asset-pipeline [false]
61
+ /// Set this to `true` when using the Rails Asset Pipeline and Bourbon will
62
+ /// write asset paths using
63
+ /// [sass-rails’ asset helpers](https://github.com/rails/sass-rails#asset-helpers).
64
+ ///
65
+ /// @example scss
66
+ /// $bourbon: (
67
+ /// "contrast-switch-dark-color": #000,
68
+ /// "contrast-switch-light-color": #fff,
69
+ /// "global-font-file-formats": ("ttf", "woff2", "woff"),
70
+ /// "modular-scale-base": 1em,
71
+ /// "modular-scale-ratio": $major-third,
72
+ /// "rails-asset-pipeline": false,
73
+ /// );
74
+
75
+ $bourbon: () !default;