jekyll-theme-peaceful-gates 1.2.0 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.txt +21 -21
- data/README.md +48 -48
- data/_includes/footer.html +10 -8
- data/_includes/head.html +42 -42
- data/_includes/menu.html +47 -45
- data/_includes/page-header.html +7 -12
- data/_includes/social-bar.html +35 -35
- data/_includes/social-link.html +5 -5
- data/_layouts/centered.html +12 -12
- data/_layouts/default.html +13 -13
- data/_layouts/index.html +7 -16
- data/_layouts/page.html +11 -11
- data/_layouts/post-index.html +25 -25
- data/_layouts/post.html +20 -20
- data/_sass/fontawesome/_animated.scss +20 -20
- data/_sass/fontawesome/_bordered-pulled.scss +20 -20
- data/_sass/fontawesome/_core.scss +21 -21
- data/_sass/fontawesome/_fixed-width.scss +6 -6
- data/_sass/fontawesome/_icons.scss +1410 -1410
- data/_sass/fontawesome/_larger.scss +23 -23
- data/_sass/fontawesome/_list.scss +18 -18
- data/_sass/fontawesome/_mixins.scss +56 -56
- data/_sass/fontawesome/_rotated-flipped.scss +24 -24
- data/_sass/fontawesome/_screen-reader.scss +5 -5
- data/_sass/fontawesome/_shims.scss +2066 -2066
- data/_sass/fontawesome/_stacked.scss +31 -31
- data/_sass/fontawesome/_variables.scss +1427 -1427
- data/_sass/fontawesome/brands.scss +23 -23
- data/_sass/fontawesome/fontawesome.scss +16 -16
- data/_sass/fontawesome/regular.scss +23 -23
- data/_sass/fontawesome/solid.scss +24 -24
- data/_sass/fontawesome/v4-shims.scss +6 -6
- data/_sass/jekyll-theme-peaceful-gates.scss +16 -16
- data/_sass/jekyll-theme-peaceful-gates/_base.scss +74 -74
- data/_sass/jekyll-theme-peaceful-gates/_button.scss +67 -64
- data/_sass/jekyll-theme-peaceful-gates/_centered.scss +28 -28
- data/_sass/jekyll-theme-peaceful-gates/_code.scss +120 -120
- data/_sass/jekyll-theme-peaceful-gates/_footer.scss +61 -54
- data/_sass/jekyll-theme-peaceful-gates/_menu.scss +111 -106
- data/_sass/jekyll-theme-peaceful-gates/_page.scss +73 -69
- data/_sass/jekyll-theme-peaceful-gates/_theme.scss +35 -35
- data/_sass/jekyll-theme-peaceful-gates/_util.scss +49 -34
- data/_sass/jekyll-theme-peaceful-gates/_variables.scss +30 -29
- data/assets/css/main.scss +2 -2
- data/assets/fonts/fa-brands-400.svg +3570 -3570
- data/assets/fonts/fa-regular-400.svg +803 -803
- data/assets/fonts/fa-solid-900.svg +4700 -4700
- data/assets/js/darkmode-toggle.js +44 -44
- data/assets/js/dropdown-toggle.js +5 -0
- data/assets/js/table-layout.js +13 -13
- metadata +24 -10
- data/assets/js/menu-slide.js +0 -14
@@ -1,23 +1,23 @@
|
|
1
|
-
/*!
|
2
|
-
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
-
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
-
*/
|
5
|
-
@import 'variables';
|
6
|
-
|
7
|
-
@font-face {
|
8
|
-
font-family: 'Font Awesome 5 Brands';
|
9
|
-
font-style: normal;
|
10
|
-
font-weight: 400;
|
11
|
-
font-display: $fa-font-display;
|
12
|
-
src: url('#{$fa-font-path}/fa-brands-400.eot');
|
13
|
-
src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
|
14
|
-
url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
|
15
|
-
url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),
|
16
|
-
url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),
|
17
|
-
url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
|
18
|
-
}
|
19
|
-
|
20
|
-
.fab {
|
21
|
-
font-family: 'Font Awesome 5 Brands';
|
22
|
-
font-weight: 400;
|
23
|
-
}
|
1
|
+
/*!
|
2
|
+
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
+
*/
|
5
|
+
@import 'variables';
|
6
|
+
|
7
|
+
@font-face {
|
8
|
+
font-family: 'Font Awesome 5 Brands';
|
9
|
+
font-style: normal;
|
10
|
+
font-weight: 400;
|
11
|
+
font-display: $fa-font-display;
|
12
|
+
src: url('#{$fa-font-path}/fa-brands-400.eot');
|
13
|
+
src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
|
14
|
+
url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
|
15
|
+
url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),
|
16
|
+
url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),
|
17
|
+
url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
|
18
|
+
}
|
19
|
+
|
20
|
+
.fab {
|
21
|
+
font-family: 'Font Awesome 5 Brands';
|
22
|
+
font-weight: 400;
|
23
|
+
}
|
@@ -1,16 +1,16 @@
|
|
1
|
-
/*!
|
2
|
-
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
-
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
-
*/
|
5
|
-
@import 'variables';
|
6
|
-
@import 'mixins';
|
7
|
-
@import 'core';
|
8
|
-
@import 'larger';
|
9
|
-
@import 'fixed-width';
|
10
|
-
@import 'list';
|
11
|
-
@import 'bordered-pulled';
|
12
|
-
@import 'animated';
|
13
|
-
@import 'rotated-flipped';
|
14
|
-
@import 'stacked';
|
15
|
-
@import 'icons';
|
16
|
-
@import 'screen-reader';
|
1
|
+
/*!
|
2
|
+
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
+
*/
|
5
|
+
@import 'variables';
|
6
|
+
@import 'mixins';
|
7
|
+
@import 'core';
|
8
|
+
@import 'larger';
|
9
|
+
@import 'fixed-width';
|
10
|
+
@import 'list';
|
11
|
+
@import 'bordered-pulled';
|
12
|
+
@import 'animated';
|
13
|
+
@import 'rotated-flipped';
|
14
|
+
@import 'stacked';
|
15
|
+
@import 'icons';
|
16
|
+
@import 'screen-reader';
|
@@ -1,23 +1,23 @@
|
|
1
|
-
/*!
|
2
|
-
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
-
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
-
*/
|
5
|
-
@import 'variables';
|
6
|
-
|
7
|
-
@font-face {
|
8
|
-
font-family: 'Font Awesome 5 Free';
|
9
|
-
font-style: normal;
|
10
|
-
font-weight: 400;
|
11
|
-
font-display: $fa-font-display;
|
12
|
-
src: url('#{$fa-font-path}/fa-regular-400.eot');
|
13
|
-
src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
|
14
|
-
url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
|
15
|
-
url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
|
16
|
-
url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
|
17
|
-
url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
|
18
|
-
}
|
19
|
-
|
20
|
-
.far {
|
21
|
-
font-family: 'Font Awesome 5 Free';
|
22
|
-
font-weight: 400;
|
23
|
-
}
|
1
|
+
/*!
|
2
|
+
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
+
*/
|
5
|
+
@import 'variables';
|
6
|
+
|
7
|
+
@font-face {
|
8
|
+
font-family: 'Font Awesome 5 Free';
|
9
|
+
font-style: normal;
|
10
|
+
font-weight: 400;
|
11
|
+
font-display: $fa-font-display;
|
12
|
+
src: url('#{$fa-font-path}/fa-regular-400.eot');
|
13
|
+
src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
|
14
|
+
url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
|
15
|
+
url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
|
16
|
+
url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
|
17
|
+
url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
|
18
|
+
}
|
19
|
+
|
20
|
+
.far {
|
21
|
+
font-family: 'Font Awesome 5 Free';
|
22
|
+
font-weight: 400;
|
23
|
+
}
|
@@ -1,24 +1,24 @@
|
|
1
|
-
/*!
|
2
|
-
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
-
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
-
*/
|
5
|
-
@import 'variables';
|
6
|
-
|
7
|
-
@font-face {
|
8
|
-
font-family: 'Font Awesome 5 Free';
|
9
|
-
font-style: normal;
|
10
|
-
font-weight: 900;
|
11
|
-
font-display: $fa-font-display;
|
12
|
-
src: url('#{$fa-font-path}/fa-solid-900.eot');
|
13
|
-
src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
|
14
|
-
url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
|
15
|
-
url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),
|
16
|
-
url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),
|
17
|
-
url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
|
18
|
-
}
|
19
|
-
|
20
|
-
.fa,
|
21
|
-
.fas {
|
22
|
-
font-family: 'Font Awesome 5 Free';
|
23
|
-
font-weight: 900;
|
24
|
-
}
|
1
|
+
/*!
|
2
|
+
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
+
*/
|
5
|
+
@import 'variables';
|
6
|
+
|
7
|
+
@font-face {
|
8
|
+
font-family: 'Font Awesome 5 Free';
|
9
|
+
font-style: normal;
|
10
|
+
font-weight: 900;
|
11
|
+
font-display: $fa-font-display;
|
12
|
+
src: url('#{$fa-font-path}/fa-solid-900.eot');
|
13
|
+
src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
|
14
|
+
url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
|
15
|
+
url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),
|
16
|
+
url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),
|
17
|
+
url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
|
18
|
+
}
|
19
|
+
|
20
|
+
.fa,
|
21
|
+
.fas {
|
22
|
+
font-family: 'Font Awesome 5 Free';
|
23
|
+
font-weight: 900;
|
24
|
+
}
|
@@ -1,6 +1,6 @@
|
|
1
|
-
/*!
|
2
|
-
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
-
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
-
*/
|
5
|
-
@import 'variables';
|
6
|
-
@import 'shims';
|
1
|
+
/*!
|
2
|
+
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
+
*/
|
5
|
+
@import 'variables';
|
6
|
+
@import 'shims';
|
@@ -1,17 +1,17 @@
|
|
1
|
-
// Font awesome config
|
2
|
-
$fa-font-path: "/assets/fonts";
|
3
|
-
|
4
|
-
// Imports
|
5
|
-
@import "./fontawesome/fontawesome.scss";
|
6
|
-
@import "./fontawesome/solid.scss";
|
7
|
-
@import "./fontawesome/brands.scss";
|
8
|
-
@import "./jekyll-theme-peaceful-gates/variables";
|
9
|
-
@import "./jekyll-theme-peaceful-gates/theme";
|
10
|
-
@import "./jekyll-theme-peaceful-gates/util";
|
11
|
-
@import "./jekyll-theme-peaceful-gates/base";
|
12
|
-
@import "./jekyll-theme-peaceful-gates/code";
|
13
|
-
@import "./jekyll-theme-peaceful-gates/menu";
|
14
|
-
@import "./jekyll-theme-peaceful-gates/footer";
|
15
|
-
@import "./jekyll-theme-peaceful-gates/page";
|
16
|
-
@import "./jekyll-theme-peaceful-gates/centered";
|
1
|
+
// Font awesome config
|
2
|
+
$fa-font-path: "/assets/fonts";
|
3
|
+
|
4
|
+
// Imports
|
5
|
+
@import "./fontawesome/fontawesome.scss";
|
6
|
+
@import "./fontawesome/solid.scss";
|
7
|
+
@import "./fontawesome/brands.scss";
|
8
|
+
@import "./jekyll-theme-peaceful-gates/variables";
|
9
|
+
@import "./jekyll-theme-peaceful-gates/theme";
|
10
|
+
@import "./jekyll-theme-peaceful-gates/util";
|
11
|
+
@import "./jekyll-theme-peaceful-gates/base";
|
12
|
+
@import "./jekyll-theme-peaceful-gates/code";
|
13
|
+
@import "./jekyll-theme-peaceful-gates/menu";
|
14
|
+
@import "./jekyll-theme-peaceful-gates/footer";
|
15
|
+
@import "./jekyll-theme-peaceful-gates/page";
|
16
|
+
@import "./jekyll-theme-peaceful-gates/centered";
|
17
17
|
@import "./jekyll-theme-peaceful-gates/button";
|
@@ -1,75 +1,75 @@
|
|
1
|
-
body {
|
2
|
-
margin: 0;
|
3
|
-
font-family: $font-family;
|
4
|
-
|
5
|
-
@include with-theme {
|
6
|
-
background-color: color-for(bg);
|
7
|
-
color: color-for(text);
|
8
|
-
}
|
9
|
-
}
|
10
|
-
|
11
|
-
a {
|
12
|
-
&:hover {
|
13
|
-
text-decoration: none;
|
14
|
-
}
|
15
|
-
|
16
|
-
@include with-theme {
|
17
|
-
color: color-for(primary);
|
18
|
-
}
|
19
|
-
}
|
20
|
-
|
21
|
-
h1,h2,h3,h4,h5,h6,p {
|
22
|
-
@include page-section;
|
23
|
-
}
|
24
|
-
|
25
|
-
img {
|
26
|
-
@include page-section;
|
27
|
-
max-width: 100%;
|
28
|
-
}
|
29
|
-
|
30
|
-
// Wraps an element with a horizontal scroll bar
|
31
|
-
.horizontal-scroll {
|
32
|
-
@include page-section;
|
33
|
-
width: 100%;
|
34
|
-
overflow-x: auto;
|
35
|
-
-webkit-overflow-scrolling: touch;
|
36
|
-
}
|
37
|
-
|
38
|
-
// Table Design
|
39
|
-
table {
|
40
|
-
border-collapse: collapse;
|
41
|
-
table-layout: fixed;
|
42
|
-
margin: 0pt;
|
43
|
-
min-width: 100%;
|
44
|
-
overflow: hidden;
|
45
|
-
th {
|
46
|
-
@include with-theme {
|
47
|
-
color: color-for(primary);
|
48
|
-
}
|
49
|
-
}
|
50
|
-
th,td {
|
51
|
-
margin: 0pt;
|
52
|
-
padding: $spacing-2;
|
53
|
-
overflow: hidden;
|
54
|
-
border-bottom: 1px solid;
|
55
|
-
white-space: nowrap;
|
56
|
-
text-align: center;
|
57
|
-
@include with-theme {
|
58
|
-
border-color: color-for(primary);
|
59
|
-
}
|
60
|
-
}
|
61
|
-
tr:last-child {
|
62
|
-
td {
|
63
|
-
border-bottom: none;
|
64
|
-
}
|
65
|
-
}
|
66
|
-
}
|
67
|
-
|
68
|
-
blockquote {
|
69
|
-
@include page-section;
|
70
|
-
margin-left: $spacing-3;
|
71
|
-
font-size: $medium-font-size;
|
72
|
-
@include with-theme {
|
73
|
-
color: color-for(primary);
|
74
|
-
}
|
1
|
+
body {
|
2
|
+
margin: 0;
|
3
|
+
font-family: $font-family;
|
4
|
+
|
5
|
+
@include with-theme {
|
6
|
+
background-color: color-for(bg);
|
7
|
+
color: color-for(text);
|
8
|
+
}
|
9
|
+
}
|
10
|
+
|
11
|
+
a {
|
12
|
+
&:hover {
|
13
|
+
text-decoration: none;
|
14
|
+
}
|
15
|
+
|
16
|
+
@include with-theme {
|
17
|
+
color: color-for(primary);
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
h1,h2,h3,h4,h5,h6,p {
|
22
|
+
@include page-section;
|
23
|
+
}
|
24
|
+
|
25
|
+
img {
|
26
|
+
@include page-section;
|
27
|
+
max-width: 100%;
|
28
|
+
}
|
29
|
+
|
30
|
+
// Wraps an element with a horizontal scroll bar
|
31
|
+
.horizontal-scroll {
|
32
|
+
@include page-section;
|
33
|
+
width: 100%;
|
34
|
+
overflow-x: auto;
|
35
|
+
-webkit-overflow-scrolling: touch;
|
36
|
+
}
|
37
|
+
|
38
|
+
// Table Design
|
39
|
+
table {
|
40
|
+
border-collapse: collapse;
|
41
|
+
table-layout: fixed;
|
42
|
+
margin: 0pt;
|
43
|
+
min-width: 100%;
|
44
|
+
overflow: hidden;
|
45
|
+
th {
|
46
|
+
@include with-theme {
|
47
|
+
color: color-for(primary);
|
48
|
+
}
|
49
|
+
}
|
50
|
+
th,td {
|
51
|
+
margin: 0pt;
|
52
|
+
padding: $spacing-2;
|
53
|
+
overflow: hidden;
|
54
|
+
border-bottom: 1px solid;
|
55
|
+
white-space: nowrap;
|
56
|
+
text-align: center;
|
57
|
+
@include with-theme {
|
58
|
+
border-color: color-for(primary);
|
59
|
+
}
|
60
|
+
}
|
61
|
+
tr:last-child {
|
62
|
+
td {
|
63
|
+
border-bottom: none;
|
64
|
+
}
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
blockquote {
|
69
|
+
@include page-section;
|
70
|
+
margin-left: $spacing-3;
|
71
|
+
font-size: $medium-font-size;
|
72
|
+
@include with-theme {
|
73
|
+
color: color-for(primary);
|
74
|
+
}
|
75
75
|
}
|
@@ -1,65 +1,68 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
display: none !important;
|
4
|
-
}
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
//
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
1
|
+
.show-on-mobile {
|
2
|
+
@include on-tablet {
|
3
|
+
display: none !important;
|
4
|
+
}
|
5
|
+
@include on-desktop {
|
6
|
+
display: none !important;
|
7
|
+
}
|
8
|
+
}
|
9
|
+
|
10
|
+
.button-group {
|
11
|
+
// Spacing
|
12
|
+
margin: $spacing-3 0pt;
|
13
|
+
|
14
|
+
// Flexbox
|
15
|
+
display: flex;
|
16
|
+
flex-direction: row-reverse;
|
17
|
+
justify-content: center;
|
18
|
+
@include not-on-mobile {
|
19
|
+
justify-content: flex-start;
|
20
|
+
}
|
21
|
+
|
22
|
+
// Buttons in Group
|
23
|
+
.button {
|
24
|
+
flex: 1;
|
25
|
+
@include not-on-mobile {
|
26
|
+
flex: 0 auto;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
.button {
|
32
|
+
// Spacing
|
33
|
+
margin: 0pt $spacing-1;
|
34
|
+
padding: $spacing-2 $spacing-3;
|
35
|
+
|
36
|
+
// Text
|
37
|
+
text-align: center;
|
38
|
+
text-decoration: none;
|
39
|
+
|
40
|
+
// Shape
|
41
|
+
border: none;
|
42
|
+
border-radius: 4pt;
|
43
|
+
|
44
|
+
// Color
|
45
|
+
@include with-theme {
|
46
|
+
background-color: color-for(primary);
|
47
|
+
color: color-for(text-on-primary);
|
48
|
+
}
|
49
|
+
}
|
50
|
+
|
51
|
+
.icon-button {
|
52
|
+
// Spacing and sizing
|
53
|
+
margin: $spacing-1;
|
54
|
+
padding: $spacing-2;
|
55
|
+
font-size: $icon-font-size;
|
56
|
+
|
57
|
+
// Align with center
|
58
|
+
display: flex;
|
59
|
+
align-items: center;
|
60
|
+
justify-content: center;
|
61
|
+
|
62
|
+
// Styling
|
63
|
+
background: none;
|
64
|
+
border: none;
|
65
|
+
@include with-theme {
|
66
|
+
color: color-for(primary)
|
67
|
+
}
|
65
68
|
}
|