jekyll-theme-recipe 0.5.3 → 0.5.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_sass/recipes.scss +2 -2
- data/_sass/variables.scss +19 -18
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 06d1a1df89151c60177231e95f0f90bb00220c7f282ad0ebd30e6d3e2c934e80
|
4
|
+
data.tar.gz: 1e21d2c6098b53abd989b99ba2f2589b9c217c5f7a92e689251f1e52efa91869
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 766c98324b7066a5f655640f609359af74cbc79708b38e270a6ae725b748daf67469f714fba6ccb9234174cd820a2c40df0d896876b8365de73cb36caa0a099d
|
7
|
+
data.tar.gz: 307352165ce22352b77c00fd48e171d47cc09bbad3fbe5737ec89e3f23adfbdf85c368a295fa83a41d50d0ed628dbe9944bde46a3157a0fb4fcb6b85a1c3a1e3
|
data/_sass/recipes.scss
CHANGED
@@ -14,7 +14,7 @@
|
|
14
14
|
height: 100%;
|
15
15
|
display: block;
|
16
16
|
background: rgba(0, 0, 0, .2);
|
17
|
-
color:
|
17
|
+
color: #{$light-common};
|
18
18
|
text-decoration: none;
|
19
19
|
text-align: center;
|
20
20
|
//vertical-align: text-bottom;
|
@@ -28,7 +28,7 @@
|
|
28
28
|
bottom: 5px;
|
29
29
|
width: 100%;
|
30
30
|
left: 0;
|
31
|
-
text-shadow: 1px 1px 1px
|
31
|
+
text-shadow: 1px 1px 1px #{$light-primary-highlight};
|
32
32
|
}
|
33
33
|
|
34
34
|
&:hover {
|
data/_sass/variables.scss
CHANGED
@@ -3,39 +3,40 @@ $tablet: "(min-width: 450px)";
|
|
3
3
|
$mid-point: "(min-width: 620px)";
|
4
4
|
$desktop: "(min-width: 900px)";
|
5
5
|
|
6
|
-
|
7
6
|
// dark mode
|
7
|
+
$light-primary-highlight: black;
|
8
|
+
$light-secondary-highlight: #999;
|
9
|
+
$light-common: white;
|
8
10
|
|
9
|
-
:
|
10
|
-
|
11
|
-
|
12
|
-
--common: white;
|
11
|
+
$dark-primary-highlight: white;
|
12
|
+
$dark-secondary-highlight: #868686;
|
13
|
+
$dark-common: rgb(16, 20, 34);
|
13
14
|
|
14
|
-
|
15
|
-
--light-primary-highlight
|
16
|
-
--
|
17
|
-
--light-common
|
15
|
+
:root{
|
16
|
+
--primary-highlight: #{$light-primary-highlight};
|
17
|
+
--secondary-highlight: #{$light-secondary-highlight};
|
18
|
+
--common: #{$light-common};
|
18
19
|
}
|
19
20
|
|
20
21
|
@media (prefers-color-scheme: dark) {
|
21
22
|
:root{
|
22
|
-
--primary-highlight:
|
23
|
-
--secondary-highlight: #
|
24
|
-
--common:
|
23
|
+
--primary-highlight: #{$dark-primary-highlight};
|
24
|
+
--secondary-highlight: #{$dark-secondary-highlight};
|
25
|
+
--common: #{$dark-common};
|
25
26
|
}
|
26
27
|
}
|
27
28
|
|
28
29
|
#color-mode:checked ~ * {
|
29
|
-
--primary-highlight:
|
30
|
-
--secondary-highlight: #
|
31
|
-
--common:
|
30
|
+
--primary-highlight: #{$dark-primary-highlight};
|
31
|
+
--secondary-highlight: #{$dark-secondary-highlight};
|
32
|
+
--common: #{$dark-common};
|
32
33
|
}
|
33
34
|
|
34
35
|
@media (prefers-color-scheme: dark) {
|
35
36
|
#color-mode:checked ~ * {
|
36
|
-
--primary-highlight:
|
37
|
-
--secondary-highlight: #
|
38
|
-
--common:
|
37
|
+
--primary-highlight: #{$light-primary-highlight};
|
38
|
+
--secondary-highlight: #{$light-secondary-highlight};
|
39
|
+
--common: #{$light-common};
|
39
40
|
}
|
40
41
|
}
|
41
42
|
|