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
data/_sass/base/_media.scss
DELETED
data/_sass/base/_tables.scss
DELETED
@@ -1,24 +0,0 @@
|
|
1
|
-
table {
|
2
|
-
border-collapse: collapse;
|
3
|
-
margin: $small-spacing 0;
|
4
|
-
table-layout: fixed;
|
5
|
-
width: 100%;
|
6
|
-
}
|
7
|
-
|
8
|
-
th {
|
9
|
-
border-bottom: 1px solid shade($base-border-color, 25%);
|
10
|
-
font-weight: 600;
|
11
|
-
padding: $small-spacing 0;
|
12
|
-
text-align: left;
|
13
|
-
}
|
14
|
-
|
15
|
-
td {
|
16
|
-
border-bottom: $base-border;
|
17
|
-
padding: $small-spacing 0;
|
18
|
-
}
|
19
|
-
|
20
|
-
tr,
|
21
|
-
td,
|
22
|
-
th {
|
23
|
-
vertical-align: middle;
|
24
|
-
}
|
data/_sass/base/_typography.scss
DELETED
@@ -1,42 +0,0 @@
|
|
1
|
-
body {
|
2
|
-
color: $base-font-color;
|
3
|
-
font-family: $base-font-family;
|
4
|
-
font-size: $base-font-size;
|
5
|
-
line-height: $base-line-height;
|
6
|
-
}
|
7
|
-
|
8
|
-
h1,
|
9
|
-
h2,
|
10
|
-
h3,
|
11
|
-
h4,
|
12
|
-
h5,
|
13
|
-
h6 {
|
14
|
-
font-family: $heading-font-family;
|
15
|
-
font-size: modular-scale(1);
|
16
|
-
line-height: $heading-line-height;
|
17
|
-
margin: 0 0 $small-spacing;
|
18
|
-
}
|
19
|
-
|
20
|
-
p {
|
21
|
-
margin: 0 0 $small-spacing;
|
22
|
-
}
|
23
|
-
|
24
|
-
a {
|
25
|
-
color: $action-color;
|
26
|
-
text-decoration: none;
|
27
|
-
transition: color $base-duration $base-timing;
|
28
|
-
|
29
|
-
&:active,
|
30
|
-
&:focus,
|
31
|
-
&:hover {
|
32
|
-
color: shade($action-color, 25%);
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
hr {
|
37
|
-
border-bottom: $base-border;
|
38
|
-
border-left: 0;
|
39
|
-
border-right: 0;
|
40
|
-
border-top: 0;
|
41
|
-
margin: $base-spacing 0;
|
42
|
-
}
|
data/_sass/base/_variables.scss
DELETED
@@ -1,46 +0,0 @@
|
|
1
|
-
// Breakpoints
|
2
|
-
$medium-screen: 600px;
|
3
|
-
$large-screen: 900px;
|
4
|
-
|
5
|
-
// Typography
|
6
|
-
$base-font-family: $font-stack-system;
|
7
|
-
$heading-font-family: $base-font-family;
|
8
|
-
|
9
|
-
// Font Sizes
|
10
|
-
$base-font-size: 1em;
|
11
|
-
|
12
|
-
// Line height
|
13
|
-
$base-line-height: 1.5;
|
14
|
-
$heading-line-height: 1.2;
|
15
|
-
|
16
|
-
// Other Sizes
|
17
|
-
$base-border-radius: 3px;
|
18
|
-
$base-spacing: $base-line-height * 1em;
|
19
|
-
$small-spacing: $base-spacing / 2;
|
20
|
-
$base-z-index: 0;
|
21
|
-
|
22
|
-
// Colors
|
23
|
-
$blue: #1565c0;
|
24
|
-
$dark-gray: #333;
|
25
|
-
$medium-gray: #999;
|
26
|
-
$light-gray: #ddd;
|
27
|
-
|
28
|
-
// Font Colors
|
29
|
-
$base-font-color: $dark-gray;
|
30
|
-
$action-color: $blue;
|
31
|
-
|
32
|
-
// Border
|
33
|
-
$base-border-color: $light-gray;
|
34
|
-
$base-border: 1px solid $base-border-color;
|
35
|
-
|
36
|
-
// Background Colors
|
37
|
-
$base-background-color: #fff;
|
38
|
-
$secondary-background-color: tint($base-border-color, 75%);
|
39
|
-
|
40
|
-
// Forms
|
41
|
-
$form-box-shadow: inset 0 1px 3px rgba(#000, 0.06);
|
42
|
-
$form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);
|
43
|
-
|
44
|
-
// Animations
|
45
|
-
$base-duration: 150ms;
|
46
|
-
$base-timing: ease;
|
data/_sass/bourbon/_bourbon.scss
DELETED
@@ -1,52 +0,0 @@
|
|
1
|
-
// Bourbon 5.0.0-beta.6
|
2
|
-
// http://bourbon.io
|
3
|
-
// Copyright 2011 thoughtbot, inc.
|
4
|
-
// MIT License
|
5
|
-
|
6
|
-
@import "bourbon/helpers/buttons-list";
|
7
|
-
@import "bourbon/helpers/scales";
|
8
|
-
@import "bourbon/helpers/text-inputs-list";
|
9
|
-
|
10
|
-
@import "bourbon/settings/settings";
|
11
|
-
|
12
|
-
@import "bourbon/validators/contains";
|
13
|
-
@import "bourbon/validators/contains-falsy";
|
14
|
-
@import "bourbon/validators/is-color";
|
15
|
-
@import "bourbon/validators/is-length";
|
16
|
-
@import "bourbon/validators/is-light";
|
17
|
-
@import "bourbon/validators/is-number";
|
18
|
-
@import "bourbon/validators/is-size";
|
19
|
-
|
20
|
-
@import "bourbon/utilities/assign-inputs";
|
21
|
-
@import "bourbon/utilities/collapse-directionals";
|
22
|
-
@import "bourbon/utilities/directional-values";
|
23
|
-
@import "bourbon/utilities/font-source-declaration";
|
24
|
-
@import "bourbon/utilities/retrieve-bourbon-setting";
|
25
|
-
@import "bourbon/utilities/unpack";
|
26
|
-
|
27
|
-
@import "bourbon/library/border-color";
|
28
|
-
@import "bourbon/library/border-radius";
|
29
|
-
@import "bourbon/library/border-style";
|
30
|
-
@import "bourbon/library/border-width";
|
31
|
-
@import "bourbon/library/buttons";
|
32
|
-
@import "bourbon/library/clearfix";
|
33
|
-
@import "bourbon/library/contrast-switch";
|
34
|
-
@import "bourbon/library/ellipsis";
|
35
|
-
@import "bourbon/library/font-face";
|
36
|
-
@import "bourbon/library/font-stacks";
|
37
|
-
@import "bourbon/library/hide-text";
|
38
|
-
@import "bourbon/library/hide-visually";
|
39
|
-
@import "bourbon/library/margin";
|
40
|
-
@import "bourbon/library/modular-scale";
|
41
|
-
@import "bourbon/library/padding";
|
42
|
-
@import "bourbon/library/position";
|
43
|
-
@import "bourbon/library/prefixer";
|
44
|
-
@import "bourbon/library/shade";
|
45
|
-
@import "bourbon/library/size";
|
46
|
-
@import "bourbon/library/strip-unit";
|
47
|
-
@import "bourbon/library/text-inputs";
|
48
|
-
@import "bourbon/library/timing-functions";
|
49
|
-
@import "bourbon/library/tint";
|
50
|
-
@import "bourbon/library/triangle";
|
51
|
-
@import "bourbon/library/value-prefixer";
|
52
|
-
@import "bourbon/library/word-wrap";
|
@@ -1,27 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
////
|
4
|
-
/// Pre-defined scales for use with the `modular-scale` function.
|
5
|
-
///
|
6
|
-
/// @type number (unitless)
|
7
|
-
///
|
8
|
-
/// @see {function} modular-scale
|
9
|
-
////
|
10
|
-
|
11
|
-
$minor-second: 1.067;
|
12
|
-
$major-second: 1.125;
|
13
|
-
$minor-third: 1.2;
|
14
|
-
$major-third: 1.25;
|
15
|
-
$perfect-fourth: 1.333;
|
16
|
-
$augmented-fourth: 1.414;
|
17
|
-
$perfect-fifth: 1.5;
|
18
|
-
$minor-sixth: 1.6;
|
19
|
-
$golden: 1.618;
|
20
|
-
$major-sixth: 1.667;
|
21
|
-
$minor-seventh: 1.778;
|
22
|
-
$major-seventh: 1.875;
|
23
|
-
$octave: 2;
|
24
|
-
$major-tenth: 2.5;
|
25
|
-
$major-eleventh: 2.667;
|
26
|
-
$major-twelfth: 3;
|
27
|
-
$double-octave: 4;
|
@@ -1,26 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
/// A list of all _text-based_ HTML inputs.
|
4
|
-
///
|
5
|
-
/// @type list
|
6
|
-
///
|
7
|
-
/// @access private
|
8
|
-
|
9
|
-
$_text-inputs-list: (
|
10
|
-
"[type='color']",
|
11
|
-
"[type='date']",
|
12
|
-
"[type='datetime']",
|
13
|
-
"[type='datetime-local']",
|
14
|
-
"[type='email']",
|
15
|
-
"[type='month']",
|
16
|
-
"[type='number']",
|
17
|
-
"[type='password']",
|
18
|
-
"[type='search']",
|
19
|
-
"[type='tel']",
|
20
|
-
"[type='text']",
|
21
|
-
"[type='time']",
|
22
|
-
"[type='url']",
|
23
|
-
"[type='week']",
|
24
|
-
"input:not([type])",
|
25
|
-
"textarea",
|
26
|
-
);
|
@@ -1,25 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
/// Provides a quick method for targeting `border-color` on specific sides of a
|
4
|
-
/// box. Use a `null` value to “skip” a side.
|
5
|
-
///
|
6
|
-
/// @argument {arglist} $values
|
7
|
-
/// List of colors, defined as CSS shorthand.
|
8
|
-
///
|
9
|
-
/// @example scss
|
10
|
-
/// .element {
|
11
|
-
/// @include border-color(#a60b55 #76cd9c null #e8ae1a);
|
12
|
-
/// }
|
13
|
-
///
|
14
|
-
/// @example css
|
15
|
-
/// .element {
|
16
|
-
/// border-left-color: #e8ae1a;
|
17
|
-
/// border-right-color: #76cd9c;
|
18
|
-
/// border-top-color: #a60b55;
|
19
|
-
/// }
|
20
|
-
///
|
21
|
-
/// @require {mixin} _directional-property
|
22
|
-
|
23
|
-
@mixin border-color($values...) {
|
24
|
-
@include _directional-property(border, color, $values...);
|
25
|
-
}
|
@@ -1,85 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
/// Provides a shorthand syntax to add `border-radius` to both the top-left and
|
4
|
-
/// top-right of an element.
|
5
|
-
///
|
6
|
-
/// @argument {number (with unit)} $radii
|
7
|
-
///
|
8
|
-
/// @example scss
|
9
|
-
/// .element {
|
10
|
-
/// @include border-top-radius(4px);
|
11
|
-
/// }
|
12
|
-
///
|
13
|
-
/// @example css
|
14
|
-
/// .element {
|
15
|
-
/// border-top-left-radius: 4px;
|
16
|
-
/// border-top-right-radius: 4px;
|
17
|
-
/// }
|
18
|
-
|
19
|
-
@mixin border-top-radius($radii) {
|
20
|
-
border-top-left-radius: $radii;
|
21
|
-
border-top-right-radius: $radii;
|
22
|
-
}
|
23
|
-
|
24
|
-
/// Provides a shorthand syntax to add `border-radius` to both the top-right and
|
25
|
-
/// bottom-right of an element.
|
26
|
-
///
|
27
|
-
/// @argument {number (with unit)} $radii
|
28
|
-
///
|
29
|
-
/// @example scss
|
30
|
-
/// .element {
|
31
|
-
/// @include border-right-radius(3px);
|
32
|
-
/// }
|
33
|
-
///
|
34
|
-
/// @example css
|
35
|
-
/// .element {
|
36
|
-
/// border-bottom-right-radius: 3px;
|
37
|
-
/// border-top-right-radius: 3px;
|
38
|
-
/// }
|
39
|
-
|
40
|
-
@mixin border-right-radius($radii) {
|
41
|
-
border-bottom-right-radius: $radii;
|
42
|
-
border-top-right-radius: $radii;
|
43
|
-
}
|
44
|
-
|
45
|
-
/// Provides a shorthand syntax to add `border-radius` to both the bottom-left
|
46
|
-
/// and bottom-right of an element.
|
47
|
-
///
|
48
|
-
/// @argument {number (with unit)} $radii
|
49
|
-
///
|
50
|
-
/// @example scss
|
51
|
-
/// .element {
|
52
|
-
/// @include border-bottom-radius(2px);
|
53
|
-
/// }
|
54
|
-
///
|
55
|
-
/// @example css
|
56
|
-
/// .element {
|
57
|
-
/// border-bottom-left-radius: 2px;
|
58
|
-
/// border-bottom-right-radius: 2px;
|
59
|
-
/// }
|
60
|
-
|
61
|
-
@mixin border-bottom-radius($radii) {
|
62
|
-
border-bottom-left-radius: $radii;
|
63
|
-
border-bottom-right-radius: $radii;
|
64
|
-
}
|
65
|
-
|
66
|
-
/// Provides a shorthand syntax to add `border-radius` to both the top-left
|
67
|
-
/// and bottom-left of an element.
|
68
|
-
///
|
69
|
-
/// @argument {number (with unit)} $radii
|
70
|
-
///
|
71
|
-
/// @example scss
|
72
|
-
/// .element {
|
73
|
-
/// @include border-left-radius(1px);
|
74
|
-
/// }
|
75
|
-
///
|
76
|
-
/// @example css
|
77
|
-
/// .element {
|
78
|
-
/// border-bottom-left-radius: 1px;
|
79
|
-
/// border-top-left-radius: 1px;
|
80
|
-
/// }
|
81
|
-
|
82
|
-
@mixin border-left-radius($radii) {
|
83
|
-
border-bottom-left-radius: $radii;
|
84
|
-
border-top-left-radius: $radii;
|
85
|
-
}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
/// Provides a quick method for targeting `border-style` on specific sides of a
|
4
|
-
/// box. Use a `null` value to “skip” a side.
|
5
|
-
///
|
6
|
-
/// @argument {arglist} $values
|
7
|
-
/// List of border styles, defined as CSS shorthand.
|
8
|
-
///
|
9
|
-
/// @example scss
|
10
|
-
/// .element {
|
11
|
-
/// @include border-style(dashed null solid);
|
12
|
-
/// }
|
13
|
-
///
|
14
|
-
/// @example css
|
15
|
-
/// .element {
|
16
|
-
/// border-bottom-style: solid;
|
17
|
-
/// border-top-style: dashed;
|
18
|
-
/// }
|
19
|
-
///
|
20
|
-
/// @require {mixin} _directional-property
|
21
|
-
|
22
|
-
@mixin border-style($values...) {
|
23
|
-
@include _directional-property(border, style, $values...);
|
24
|
-
}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
/// Provides a quick method for targeting `border-width` on specific sides of a
|
4
|
-
/// box. Use a `null` value to “skip” a side.
|
5
|
-
///
|
6
|
-
/// @argument {arglist} $values
|
7
|
-
/// List of border widths, defined as CSS shorthand.
|
8
|
-
///
|
9
|
-
/// @example scss
|
10
|
-
/// .element {
|
11
|
-
/// @include border-width(1em null 20px);
|
12
|
-
/// }
|
13
|
-
///
|
14
|
-
/// @example css
|
15
|
-
/// .element {
|
16
|
-
/// border-bottom-width: 20px;
|
17
|
-
/// border-top-width: 1em;
|
18
|
-
/// }
|
19
|
-
///
|
20
|
-
/// @require {mixin} _directional-property
|
21
|
-
|
22
|
-
@mixin border-width($values...) {
|
23
|
-
@include _directional-property(border, width, $values...);
|
24
|
-
}
|
@@ -1,84 +0,0 @@
|
|
1
|
-
@charset "UTF-8";
|
2
|
-
|
3
|
-
////
|
4
|
-
/// @type list
|
5
|
-
///
|
6
|
-
/// @require {function} _assign-inputs
|
7
|
-
///
|
8
|
-
/// @require {variable} $_buttons-list
|
9
|
-
////
|
10
|
-
|
11
|
-
/// A list of all HTML button elements. Please note that you must interpolate
|
12
|
-
/// the variable (`#{}`) to use it as a selector.
|
13
|
-
///
|
14
|
-
/// @example scss
|
15
|
-
/// #{$all-buttons} {
|
16
|
-
/// background-color: #f00;
|
17
|
-
/// }
|
18
|
-
///
|
19
|
-
/// @example css
|
20
|
-
/// button,
|
21
|
-
/// [type='button'],
|
22
|
-
/// [type='reset'],
|
23
|
-
/// [type='submit'] {
|
24
|
-
/// background-color: #f00;
|
25
|
-
/// }
|
26
|
-
|
27
|
-
$all-buttons: _assign-inputs($_buttons-list);
|
28
|
-
|
29
|
-
/// A list of all HTML button elements with the `:active` pseudo-class applied.
|
30
|
-
/// Please note that you must interpolate the variable (`#{}`) to use it as a
|
31
|
-
/// selector.
|
32
|
-
///
|
33
|
-
/// @example scss
|
34
|
-
/// #{$all-buttons-active} {
|
35
|
-
/// background-color: #00f;
|
36
|
-
/// }
|
37
|
-
///
|
38
|
-
/// @example css
|
39
|
-
/// button:active,
|
40
|
-
/// [type='button']:active,
|
41
|
-
/// [type='reset']:active,
|
42
|
-
/// [type='submit']:active {
|
43
|
-
/// background-color: #00f;
|
44
|
-
/// }
|
45
|
-
|
46
|
-
$all-buttons-active: _assign-inputs($_buttons-list, active);
|
47
|
-
|
48
|
-
/// A list of all HTML button elements with the `:focus` pseudo-class applied.
|
49
|
-
/// Please note that you must interpolate the variable (`#{}`) to use it as a
|
50
|
-
/// selector.
|
51
|
-
///
|
52
|
-
/// @example scss
|
53
|
-
/// #{$all-buttons-focus} {
|
54
|
-
/// background-color: #0f0;
|
55
|
-
/// }
|
56
|
-
///
|
57
|
-
/// @example css
|
58
|
-
/// button:focus,
|
59
|
-
/// [type='button']:focus,
|
60
|
-
/// [type='reset']:focus,
|
61
|
-
/// [type='submit']:focus {
|
62
|
-
/// background-color: #0f0;
|
63
|
-
/// }
|
64
|
-
|
65
|
-
$all-buttons-focus: _assign-inputs($_buttons-list, focus);
|
66
|
-
|
67
|
-
/// A list of all HTML button elements with the `:hover` pseudo-class applied.
|
68
|
-
/// Please note that you must interpolate the variable (`#{}`) to use it as a
|
69
|
-
/// selector.
|
70
|
-
///
|
71
|
-
/// @example scss
|
72
|
-
/// #{$all-buttons-hover} {
|
73
|
-
/// background-color: #0f0;
|
74
|
-
/// }
|
75
|
-
///
|
76
|
-
/// @example css
|
77
|
-
/// button:hover,
|
78
|
-
/// [type='button']:hover,
|
79
|
-
/// [type='reset']:hover,
|
80
|
-
/// [type='submit']:hover {
|
81
|
-
/// background-color: #0f0;
|
82
|
-
/// }
|
83
|
-
|
84
|
-
$all-buttons-hover: _assign-inputs($_buttons-list, hover);
|