garth-jekyll-theme 0.1.9 → 0.2.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 +4 -4
- data/_includes/footer.html +1 -1
- data/_includes/header.html +22 -6
- data/_includes/pagination.html +16 -12
- data/_includes/posts.html +2 -2
- data/_layouts/default.html +5 -0
- data/_layouts/front.html +3 -5
- data/_layouts/page.html +3 -5
- data/_layouts/post.html +4 -6
- data/_sass/_sassline-base.scss +7 -0
- data/_sass/sassline-base/_layouts.scss +282 -0
- data/_sass/sassline-base/_mixins.scss +420 -0
- data/_sass/sassline-base/_modular-scale.scss +66 -0
- data/_sass/sassline-base/_reset.scss +13 -0
- data/_sass/sassline-base/_typography.scss +363 -0
- data/_sass/sassline-base/_variables.scss +96 -0
- data/_sass/sassline.scss +1 -0
- data/_sass/style.scss +12 -0
- data/_sass/theme.scss +74 -20
- metadata +11 -79
- data/_includes/favicons.html +0 -18
- data/_includes/nav.html +0 -14
- data/_includes/scripts.js +0 -14
- data/_sass/base/_base.scss +0 -14
- data/_sass/base/_buttons.scss +0 -35
- data/_sass/base/_forms.scss +0 -83
- data/_sass/base/_layout.scss +0 -9
- data/_sass/base/_lists.scss +0 -19
- data/_sass/base/_media.scss +0 -9
- data/_sass/base/_tables.scss +0 -24
- data/_sass/base/_typography.scss +0 -42
- data/_sass/base/_variables.scss +0 -46
- data/_sass/bourbon/_bourbon.scss +0 -52
- data/_sass/bourbon/bourbon/helpers/_buttons-list.scss +0 -14
- data/_sass/bourbon/bourbon/helpers/_scales.scss +0 -27
- data/_sass/bourbon/bourbon/helpers/_text-inputs-list.scss +0 -26
- data/_sass/bourbon/bourbon/library/_border-color.scss +0 -25
- data/_sass/bourbon/bourbon/library/_border-radius.scss +0 -85
- data/_sass/bourbon/bourbon/library/_border-style.scss +0 -24
- data/_sass/bourbon/bourbon/library/_border-width.scss +0 -24
- data/_sass/bourbon/bourbon/library/_buttons.scss +0 -84
- data/_sass/bourbon/bourbon/library/_clearfix.scss +0 -25
- data/_sass/bourbon/bourbon/library/_contrast-switch.scss +0 -60
- data/_sass/bourbon/bourbon/library/_ellipsis.scss +0 -37
- data/_sass/bourbon/bourbon/library/_font-face.scss +0 -65
- data/_sass/bourbon/bourbon/library/_font-stacks.scss +0 -87
- data/_sass/bourbon/bourbon/library/_hide-text.scss +0 -24
- data/_sass/bourbon/bourbon/library/_hide-visually.scss +0 -65
- data/_sass/bourbon/bourbon/library/_margin.scss +0 -34
- data/_sass/bourbon/bourbon/library/_modular-scale.scss +0 -113
- data/_sass/bourbon/bourbon/library/_padding.scss +0 -34
- data/_sass/bourbon/bourbon/library/_position.scss +0 -54
- data/_sass/bourbon/bourbon/library/_prefixer.scss +0 -38
- data/_sass/bourbon/bourbon/library/_shade.scss +0 -33
- data/_sass/bourbon/bourbon/library/_size.scss +0 -49
- data/_sass/bourbon/bourbon/library/_strip-unit.scss +0 -17
- data/_sass/bourbon/bourbon/library/_text-inputs.scss +0 -163
- data/_sass/bourbon/bourbon/library/_timing-functions.scss +0 -38
- data/_sass/bourbon/bourbon/library/_tint.scss +0 -33
- data/_sass/bourbon/bourbon/library/_triangle.scss +0 -82
- data/_sass/bourbon/bourbon/library/_value-prefixer.scss +0 -38
- data/_sass/bourbon/bourbon/library/_word-wrap.scss +0 -29
- data/_sass/bourbon/bourbon/settings/_settings.scss +0 -51
- data/_sass/bourbon/bourbon/utilities/_assign-inputs.scss +0 -29
- data/_sass/bourbon/bourbon/utilities/_collapse-directionals.scss +0 -51
- data/_sass/bourbon/bourbon/utilities/_directional-values.scss +0 -58
- data/_sass/bourbon/bourbon/utilities/_font-source-declaration.scss +0 -52
- data/_sass/bourbon/bourbon/utilities/_retrieve-bourbon-setting.scss +0 -16
- data/_sass/bourbon/bourbon/utilities/_unpack.scss +0 -29
- data/_sass/bourbon/bourbon/validators/_contains-falsy.scss +0 -20
- data/_sass/bourbon/bourbon/validators/_contains.scss +0 -27
- data/_sass/bourbon/bourbon/validators/_is-color.scss +0 -13
- data/_sass/bourbon/bourbon/validators/_is-length.scss +0 -15
- data/_sass/bourbon/bourbon/validators/_is-light.scss +0 -23
- data/_sass/bourbon/bourbon/validators/_is-number.scss +0 -15
- data/_sass/bourbon/bourbon/validators/_is-size.scss +0 -18
- data/_sass/neat/_neat-helpers.scss +0 -8
- data/_sass/neat/_neat.scss +0 -23
- data/_sass/neat/functions/_new-breakpoint.scss +0 -49
- data/_sass/neat/functions/_private.scss +0 -114
- data/_sass/neat/grid/_box-sizing.scss +0 -15
- data/_sass/neat/grid/_direction-context.scss +0 -33
- data/_sass/neat/grid/_display-context.scss +0 -28
- data/_sass/neat/grid/_fill-parent.scss +0 -22
- data/_sass/neat/grid/_media.scss +0 -92
- data/_sass/neat/grid/_omega.scss +0 -87
- data/_sass/neat/grid/_outer-container.scss +0 -38
- data/_sass/neat/grid/_pad.scss +0 -25
- data/_sass/neat/grid/_private.scss +0 -35
- data/_sass/neat/grid/_row.scss +0 -52
- data/_sass/neat/grid/_shift.scss +0 -50
- data/_sass/neat/grid/_span-columns.scss +0 -94
- data/_sass/neat/grid/_to-deprecate.scss +0 -97
- data/_sass/neat/grid/_visual-grid.scss +0 -42
- data/_sass/neat/settings/_disable-warnings.scss +0 -13
- data/_sass/neat/settings/_grid.scss +0 -51
- data/_sass/neat/settings/_visual-grid.scss +0 -27
@@ -1,34 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
/// Provides a quick method for targeting `padding` on specific sides of a
|
4
|
-
/// box. Use a `null` value to “skip” a side.
|
5
|
-
///
|
6
|
-
/// @argument {arglist} $values
|
7
|
-
/// List of padding values, defined as CSS shorthand.
|
8
|
-
///
|
9
|
-
/// @example scss
|
10
|
-
/// .element-one {
|
11
|
-
/// @include padding(null 1rem);
|
12
|
-
/// }
|
13
|
-
///
|
14
|
-
/// .element-two {
|
15
|
-
/// @include padding(10vh null 10px 5%);
|
16
|
-
/// }
|
17
|
-
///
|
18
|
-
/// @example css
|
19
|
-
/// .element-one {
|
20
|
-
/// padding-left: 1rem;
|
21
|
-
/// padding-right: 1rem;
|
22
|
-
/// }
|
23
|
-
///
|
24
|
-
/// .element-two {
|
25
|
-
/// padding-bottom: 10px;
|
26
|
-
/// padding-left: 5%;
|
27
|
-
/// padding-top: 10vh;
|
28
|
-
/// }
|
29
|
-
///
|
30
|
-
/// @require {mixin} _directional-property
|
31
|
-
|
32
|
-
@mixin padding($values...) {
|
33
|
-
@include _directional-property(padding, false, $values...);
|
34
|
-
}
|
@@ -1,54 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
/// Provides a quick method for setting an element’s position. Use a `null`
|
4
|
-
/// value to “skip” a side.
|
5
|
-
///
|
6
|
-
/// @argument {string} $position [relative]
|
7
|
-
/// A CSS position value.
|
8
|
-
///
|
9
|
-
/// @argument {arglist} $coordinates [null]
|
10
|
-
/// List of lengths, defined as CSS shorthand.
|
11
|
-
///
|
12
|
-
/// @example scss
|
13
|
-
/// .element {
|
14
|
-
/// @include position(absolute, 0 null null 10em);
|
15
|
-
/// }
|
16
|
-
///
|
17
|
-
/// @example css
|
18
|
-
/// .element {
|
19
|
-
/// left: 10em;
|
20
|
-
/// position: absolute;
|
21
|
-
/// top: 0;
|
22
|
-
/// }
|
23
|
-
///
|
24
|
-
/// @require {function} _is-length
|
25
|
-
///
|
26
|
-
/// @require {function} _unpack
|
27
|
-
|
28
|
-
@mixin position(
|
29
|
-
$position: relative,
|
30
|
-
$coordinates: null
|
31
|
-
) {
|
32
|
-
|
33
|
-
@if type-of($position) == list {
|
34
|
-
$coordinates: $position;
|
35
|
-
$position: relative;
|
36
|
-
}
|
37
|
-
|
38
|
-
$coordinates: _unpack($coordinates);
|
39
|
-
|
40
|
-
$offsets: (
|
41
|
-
top: nth($coordinates, 1),
|
42
|
-
right: nth($coordinates, 2),
|
43
|
-
bottom: nth($coordinates, 3),
|
44
|
-
left: nth($coordinates, 4),
|
45
|
-
);
|
46
|
-
|
47
|
-
position: $position;
|
48
|
-
|
49
|
-
@each $offset, $value in $offsets {
|
50
|
-
@if _is-length($value) {
|
51
|
-
#{$offset}: $value;
|
52
|
-
}
|
53
|
-
}
|
54
|
-
}
|
@@ -1,38 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
/// Generates vendor prefixes.
|
4
|
-
///
|
5
|
-
/// @argument {string} $property
|
6
|
-
/// Property to prefix.
|
7
|
-
///
|
8
|
-
/// @argument {string} $value
|
9
|
-
/// Value to use.
|
10
|
-
///
|
11
|
-
/// @argument {list} $prefixes
|
12
|
-
/// Vendor prefixes to output.
|
13
|
-
///
|
14
|
-
/// @example scss
|
15
|
-
/// .element {
|
16
|
-
/// @include prefixer(appearance, none, ("webkit", "moz"));
|
17
|
-
/// }
|
18
|
-
///
|
19
|
-
/// @example css
|
20
|
-
/// .element {
|
21
|
-
/// -webkit-appearance: none;
|
22
|
-
/// -moz-appearance: none;
|
23
|
-
/// appearance: none;
|
24
|
-
/// }
|
25
|
-
///
|
26
|
-
/// @author Hugo Giraudel
|
27
|
-
|
28
|
-
@mixin prefixer(
|
29
|
-
$property,
|
30
|
-
$value,
|
31
|
-
$prefixes: ()
|
32
|
-
) {
|
33
|
-
|
34
|
-
@each $prefix in $prefixes {
|
35
|
-
#{"-" + $prefix + "-" + $property}: $value;
|
36
|
-
}
|
37
|
-
#{$property}: $value;
|
38
|
-
}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
/// Mixes a color with black.
|
4
|
-
///
|
5
|
-
/// @argument {color} $color
|
6
|
-
///
|
7
|
-
/// @argument {number (percentage)} $percent
|
8
|
-
/// The amount of black to be mixed in.
|
9
|
-
///
|
10
|
-
/// @return {color}
|
11
|
-
///
|
12
|
-
/// @example scss
|
13
|
-
/// .element {
|
14
|
-
/// background-color: shade(#ffbb52, 60%);
|
15
|
-
/// }
|
16
|
-
///
|
17
|
-
/// @example css
|
18
|
-
/// .element {
|
19
|
-
/// background-color: #664a20;
|
20
|
-
/// }
|
21
|
-
|
22
|
-
@function shade(
|
23
|
-
$color,
|
24
|
-
$percent
|
25
|
-
) {
|
26
|
-
|
27
|
-
@if not _is-color($color) {
|
28
|
-
@error "`#{$color}` is not a valid color for the `$color` argument in " +
|
29
|
-
"the `shade` mixin.";
|
30
|
-
} @else {
|
31
|
-
@return mix(#000, $color, $percent);
|
32
|
-
}
|
33
|
-
}
|
@@ -1,49 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
/// Sets the `width` and `height` of the element in one statement.
|
4
|
-
///
|
5
|
-
/// @argument {number (with unit) | string} $width
|
6
|
-
///
|
7
|
-
/// @argument {number (with unit) | string} $height [$width]
|
8
|
-
///
|
9
|
-
/// @example scss
|
10
|
-
/// .first-element {
|
11
|
-
/// @include size(2em);
|
12
|
-
/// }
|
13
|
-
///
|
14
|
-
/// .second-element {
|
15
|
-
/// @include size(auto, 10em);
|
16
|
-
/// }
|
17
|
-
///
|
18
|
-
/// @example css
|
19
|
-
/// .first-element {
|
20
|
-
/// width: 2em;
|
21
|
-
/// height: 2em;
|
22
|
-
/// }
|
23
|
-
///
|
24
|
-
/// .second-element {
|
25
|
-
/// width: auto;
|
26
|
-
/// height: 10em;
|
27
|
-
/// }
|
28
|
-
///
|
29
|
-
/// @require {function} _is-size
|
30
|
-
|
31
|
-
@mixin size(
|
32
|
-
$width,
|
33
|
-
$height: $width
|
34
|
-
) {
|
35
|
-
|
36
|
-
@if _is-size($height) {
|
37
|
-
height: $height;
|
38
|
-
} @else {
|
39
|
-
@error "`#{$height}` is not a valid length for the `$height` argument " +
|
40
|
-
"in the `size` mixin.";
|
41
|
-
}
|
42
|
-
|
43
|
-
@if _is-size($width) {
|
44
|
-
width: $width;
|
45
|
-
} @else {
|
46
|
-
@error "`#{$width}` is not a valid length for the `$width` argument " +
|
47
|
-
"in the `size` mixin.";
|
48
|
-
}
|
49
|
-
}
|
@@ -1,17 +0,0 @@
|
|
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
|
-
/// @example css
|
13
|
-
/// $dimension: 10;
|
14
|
-
|
15
|
-
@function strip-unit($value) {
|
16
|
-
@return ($value / ($value * 0 + 1));
|
17
|
-
}
|
@@ -1,163 +0,0 @@
|
|
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
|
-
/// @example css
|
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
|
-
/// @example css
|
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
|
-
/// @example css
|
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
|
-
/// @example css
|
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
|
-
/// @example css
|
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);
|
@@ -1,38 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
// scss-lint:disable SpaceAfterComma, UnnecessaryMantissa, TrailingZero
|
4
|
-
|
5
|
-
////
|
6
|
-
/// CSS cubic-bezier timing functions.
|
7
|
-
///
|
8
|
-
/// @link http://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);
|
@@ -1,33 +0,0 @@
|
|
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
|
-
/// @example css
|
18
|
-
/// .element {
|
19
|
-
/// background-color: #a8dfc9;
|
20
|
-
/// }
|
21
|
-
|
22
|
-
@function tint(
|
23
|
-
$color,
|
24
|
-
$percent
|
25
|
-
) {
|
26
|
-
|
27
|
-
@if not _is-color($color) {
|
28
|
-
@error "`#{$color}` is not a valid color for the `$color` argument in " +
|
29
|
-
"the `tint` mixin.";
|
30
|
-
} @else {
|
31
|
-
@return mix(#fff, $color, $percent);
|
32
|
-
}
|
33
|
-
}
|