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.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +48 -0
- data/_includes/head.html +17 -0
- data/_includes/navigation.html +17 -0
- data/_layouts/home.html +29 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +16 -0
- data/_sass/base/_base.scss +14 -0
- data/_sass/base/_buttons.scss +43 -0
- data/_sass/base/_forms.scss +95 -0
- data/_sass/base/_layout.scss +18 -0
- data/_sass/base/_lists.scss +19 -0
- data/_sass/base/_media.scss +9 -0
- data/_sass/base/_tables.scss +29 -0
- data/_sass/base/_typography.scss +45 -0
- data/_sass/base/_variables.scss +41 -0
- data/_sass/bourbon/_bourbon.scss +54 -0
- data/_sass/bourbon/bourbon/helpers/_buttons-list.scss +14 -0
- data/_sass/bourbon/bourbon/helpers/_scales.scss +27 -0
- data/_sass/bourbon/bourbon/helpers/_text-inputs-list.scss +26 -0
- data/_sass/bourbon/bourbon/library/_border-color.scss +26 -0
- data/_sass/bourbon/bourbon/library/_border-radius.scss +85 -0
- data/_sass/bourbon/bourbon/library/_border-style.scss +25 -0
- data/_sass/bourbon/bourbon/library/_border-width.scss +25 -0
- data/_sass/bourbon/bourbon/library/_buttons.scss +84 -0
- data/_sass/bourbon/bourbon/library/_clearfix.scss +25 -0
- data/_sass/bourbon/bourbon/library/_contrast-switch.scss +81 -0
- data/_sass/bourbon/bourbon/library/_ellipsis.scss +36 -0
- data/_sass/bourbon/bourbon/library/_font-face.scss +65 -0
- data/_sass/bourbon/bourbon/library/_font-stacks.scss +249 -0
- data/_sass/bourbon/bourbon/library/_hide-text.scss +24 -0
- data/_sass/bourbon/bourbon/library/_hide-visually.scss +70 -0
- data/_sass/bourbon/bourbon/library/_margin.scss +37 -0
- data/_sass/bourbon/bourbon/library/_modular-scale.scss +120 -0
- data/_sass/bourbon/bourbon/library/_overflow-wrap.scss +24 -0
- data/_sass/bourbon/bourbon/library/_padding.scss +36 -0
- data/_sass/bourbon/bourbon/library/_position.scss +62 -0
- data/_sass/bourbon/bourbon/library/_prefixer.scss +37 -0
- data/_sass/bourbon/bourbon/library/_shade.scss +32 -0
- data/_sass/bourbon/bourbon/library/_size.scss +50 -0
- data/_sass/bourbon/bourbon/library/_strip-unit.scss +17 -0
- data/_sass/bourbon/bourbon/library/_text-inputs.scss +163 -0
- data/_sass/bourbon/bourbon/library/_timing-functions.scss +38 -0
- data/_sass/bourbon/bourbon/library/_tint.scss +32 -0
- data/_sass/bourbon/bourbon/library/_triangle.scss +82 -0
- data/_sass/bourbon/bourbon/library/_value-prefixer.scss +37 -0
- data/_sass/bourbon/bourbon/settings/_settings.scss +75 -0
- data/_sass/bourbon/bourbon/utilities/_assign-inputs.scss +28 -0
- data/_sass/bourbon/bourbon/utilities/_compact-shorthand.scss +39 -0
- data/_sass/bourbon/bourbon/utilities/_contrast-ratio.scss +31 -0
- data/_sass/bourbon/bourbon/utilities/_directional-property.scss +70 -0
- data/_sass/bourbon/bourbon/utilities/_fetch-bourbon-setting.scss +16 -0
- data/_sass/bourbon/bourbon/utilities/_font-source-declaration.scss +51 -0
- data/_sass/bourbon/bourbon/utilities/_gamma.scss +21 -0
- data/_sass/bourbon/bourbon/utilities/_lightness.scss +24 -0
- data/_sass/bourbon/bourbon/utilities/_unpack-shorthand.scss +29 -0
- data/_sass/bourbon/bourbon/validators/_contains-falsy.scss +20 -0
- data/_sass/bourbon/bourbon/validators/_contains.scss +26 -0
- data/_sass/bourbon/bourbon/validators/_is-color.scss +13 -0
- data/_sass/bourbon/bourbon/validators/_is-length.scss +15 -0
- data/_sass/bourbon/bourbon/validators/_is-number.scss +15 -0
- data/_sass/bourbon/bourbon/validators/_is-size.scss +18 -0
- data/_sass/home.scss +55 -0
- data/_sass/main.scss +73 -0
- data/_sass/navigation.scss +45 -0
- data/_sass/neat/_neat.scss +26 -0
- data/_sass/neat/neat/functions/_neat-append-grid-visual.scss +21 -0
- data/_sass/neat/neat/functions/_neat-column-default.scss +23 -0
- data/_sass/neat/neat/functions/_neat-column-ratio.scss +24 -0
- data/_sass/neat/neat/functions/_neat-column-width.scss +25 -0
- data/_sass/neat/neat/functions/_neat-float-direction.scss +22 -0
- data/_sass/neat/neat/functions/_neat-merge-defaults.scss +23 -0
- data/_sass/neat/neat/functions/_neat-opposite-direction.scss +22 -0
- data/_sass/neat/neat/functions/_neat-parse-columns.scss +22 -0
- data/_sass/neat/neat/functions/_neat-parse-media.scss +20 -0
- data/_sass/neat/neat/functions/_retrieve-neat-settings.scss +19 -0
- data/_sass/neat/neat/mixins/_grid-collapse.scss +35 -0
- data/_sass/neat/neat/mixins/_grid-column.scss +39 -0
- data/_sass/neat/neat/mixins/_grid-container.scss +31 -0
- data/_sass/neat/neat/mixins/_grid-media.scss +67 -0
- data/_sass/neat/neat/mixins/_grid-push.scss +37 -0
- data/_sass/neat/neat/mixins/_grid-shift.scss +36 -0
- data/_sass/neat/neat/mixins/_grid-visual.scss +41 -0
- data/_sass/neat/neat/settings/_settings.scss +74 -0
- data/_sass/post.scss +24 -0
- data/assets/Linkedin.svg +17 -0
- data/assets/Twitter.svg +18 -0
- data/assets/github.png +0 -0
- data/assets/gitlab.svg +53 -0
- data/assets/icon.jpg +0 -0
- data/assets/icon.svg +95 -0
- data/assets/linkedin.png +0 -0
- data/assets/styles.scss +4 -0
- 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;
|