garth-jekyll-theme 0.1.9 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- 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);
|