jekyll-theme-recipe 0.5.3 → 0.5.4
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: 97bd4c6ad9f7d79ac6d5f061c9ee3a7b3163aacc3f0280c9e92a88d8416aad6c
|
4
|
+
data.tar.gz: 65baf392e1423f9ddb5ea6f2381a27b33de54f35b7146bb28fb6eba0b20c064f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5e2549d6049db4e61c54dc7ed0e5cbc9d41f1ac2b95ac48dd21cb885484bb5c6ad9390cd8666abdddb641215e5da8157b9d8048744baaeb249754fb8b194675c
|
7
|
+
data.tar.gz: 1118c387842681540667af731556493072bb072d4168501fb1aaddf788dc1a4924f6d6024c146c007de6ba8b20602a6ac0010a5de228e4afdc70a54f30d704a5
|
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
|
-
--light-secondary-highlight
|
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
|
|