jekyll-theme-recipe 0.5.2 → 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/_layouts/default.html +1 -0
- data/_sass/elements.scss +11 -1
- data/_sass/recipes.scss +2 -2
- data/_sass/variables.scss +19 -18
- metadata +3 -3
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/_layouts/default.html
CHANGED
@@ -30,6 +30,7 @@
|
|
30
30
|
<span class="light-mode-hide">{{ site.data.i18n.color-mode.light-mode-label }}</span>
|
31
31
|
</label>
|
32
32
|
<div class="color-scheme-wrapper">
|
33
|
+
<div class="emulated-background"></div>
|
33
34
|
{% include navigation.html %}
|
34
35
|
<header>
|
35
36
|
{% if site.data.company_details.logo_image %}
|
data/_sass/elements.scss
CHANGED
@@ -7,10 +7,20 @@ html , body {
|
|
7
7
|
|
8
8
|
.color-scheme-wrapper {
|
9
9
|
min-height:100vh;
|
10
|
-
background: var(--common);
|
11
10
|
color: var(--primary-highlight);
|
12
11
|
}
|
13
12
|
|
13
|
+
// background color on seperate fixed element to emulate body background
|
14
|
+
// for browser based "overscroll" animation e.g. on safari and chrome
|
15
|
+
.emulated-background {
|
16
|
+
position:fixed;
|
17
|
+
height: 100vh;
|
18
|
+
width: 100vw;
|
19
|
+
z-index: -10;
|
20
|
+
|
21
|
+
background-color: var(--common);
|
22
|
+
}
|
23
|
+
|
14
24
|
body, input, textarea {
|
15
25
|
font-family: 'Atkinson Hyperlegible', sans-serif;
|
16
26
|
color: var(--common);
|
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
|
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-recipe
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.5.
|
4
|
+
version: 0.5.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Hanno Witzleb
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2023-03-
|
11
|
+
date: 2023-03-31 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -185,7 +185,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
185
185
|
- !ruby/object:Gem::Version
|
186
186
|
version: '0'
|
187
187
|
requirements: []
|
188
|
-
rubygems_version: 3.
|
188
|
+
rubygems_version: 3.4.6
|
189
189
|
signing_key:
|
190
190
|
specification_version: 4
|
191
191
|
summary: Recipe is a Jekyll theme for recipe websites, and adapted from CloudCannons
|