jekyll-theme-recipe 0.5.0 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/color-mode.scss +66 -0
  3. metadata +2 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4f03a3f5a21b2a5fd769d9d2cc459e104e9bedabd0d031168f86e49dee8a4deb
4
- data.tar.gz: 268835a92ae4cf44028266e5f75a3ed6fc92f6332b801a9fc74491b2d9877e6a
3
+ metadata.gz: 5ac34743d7ea2d3db8f6ab9b9e8f7a166d1c5f1e95af69b0fb55fbc1b8c4b12b
4
+ data.tar.gz: d4901a61783ba929f062ec3c863aca8b5f534bec7b709df29f3f8103fbc0d48e
5
5
  SHA512:
6
- metadata.gz: 4d7b60d511533e2a0bb292fc9e7e62781b4f8e606722d37cb7c0a82501a5633af86dda9de52a39100146287cb352b2ff2a9611ae9ea592e429624a06bf5e0167
7
- data.tar.gz: 82c3b4421957e859e878e7a6c83ff7447d88d71f68a26d4f1c3e79df7931122fc86e2ab08ba00e81a8c85e68456790ad04b829025097b968f4be52c7eff78e5d
6
+ metadata.gz: 88ea9095242d171d1da2d3ddc78ed1b51b733395ba8d639f6b1e0df5f631286380136b3cec4126075167c3a547303a1ea197d870281b7740b98a4d663692478d
7
+ data.tar.gz: e6e796b0bf359c97a5b2ca4d428360dc17f008002c1251a1d1963071bdf16691167814a024a53b685f40b29870be56a642e99009fa2406dac19b863f1c3de050
@@ -0,0 +1,66 @@
1
+
2
+ // prefers-color-scheme: light
3
+ .light-mode-hide {
4
+ display: none;
5
+ }
6
+
7
+ @media (prefers-color-scheme: dark) {
8
+ .dark-mode-hide {
9
+ display: none;
10
+ }
11
+ .light-mode-hide {
12
+ display:initial;
13
+ }
14
+ }
15
+
16
+
17
+ input#color-mode, input#color-mode + label{
18
+ position: absolute;
19
+ top: 100px;
20
+ left: 30px;
21
+ }
22
+
23
+ input#color-mode {
24
+ appearance: none;
25
+ }
26
+
27
+ input#color-mode + label{
28
+ margin: 0;
29
+ line-height: 1.4em;
30
+ cursor: pointer;
31
+ padding: 2px 4px;
32
+
33
+ border: 1px solid var(--primary-highlight);
34
+ color: var(--primary-highlight);
35
+
36
+ &:hover, &:focus {
37
+ border: 1px solid var(--common);
38
+ color: var(--common);
39
+ background-color: var(--primary-highlight);
40
+
41
+ &:after{
42
+ border-left: solid 1px var(--common);
43
+
44
+ }
45
+ }
46
+
47
+ &:after {
48
+ content: "✔\FE0E";
49
+ display: inline-block;
50
+ width: 1.4rem;
51
+ margin-left: 0.2rem;
52
+ border-left: solid 1px var(--primary-highlight);
53
+ text-align: center;
54
+ color: transparent;
55
+
56
+ }
57
+ }
58
+ input#color-mode:checked + label:after{
59
+ color: var(--primary-highlight);
60
+ }
61
+
62
+ @media (min-width: 1160px) {
63
+ input#color-mode, input#color-mode + label {
64
+ left: calc(calc(calc(100vw - 1160px) / 2) + 30px);
65
+ }
66
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-recipe
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.0
4
+ version: 0.5.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Hanno Witzleb
@@ -145,6 +145,7 @@ files:
145
145
  - _layouts/default.html
146
146
  - _layouts/post.html
147
147
  - _sass/blog.scss
148
+ - _sass/color-mode.scss
148
149
  - _sass/elements.scss
149
150
  - _sass/fonts.scss
150
151
  - _sass/forms.scss