jekyll-theme-recipe 0.5.4 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 97bd4c6ad9f7d79ac6d5f061c9ee3a7b3163aacc3f0280c9e92a88d8416aad6c
4
- data.tar.gz: 65baf392e1423f9ddb5ea6f2381a27b33de54f35b7146bb28fb6eba0b20c064f
3
+ metadata.gz: 966f1fedda780bffa2d3beb8036baa9b9fd7c35494c93fa4febb6aa66b3ceee2
4
+ data.tar.gz: cf09c4706abcb714b00a0c0e2df6cd97a7ea8b8f1e3be471a228a661d4ace308
5
5
  SHA512:
6
- metadata.gz: 5e2549d6049db4e61c54dc7ed0e5cbc9d41f1ac2b95ac48dd21cb885484bb5c6ad9390cd8666abdddb641215e5da8157b9d8048744baaeb249754fb8b194675c
7
- data.tar.gz: 1118c387842681540667af731556493072bb072d4168501fb1aaddf788dc1a4924f6d6024c146c007de6ba8b20602a6ac0010a5de228e4afdc70a54f30d704a5
6
+ metadata.gz: 2d111140778993d7a4fb3afab9ddbf693d937fba2f40a4bf6293198c63376ead58b8cbc07171cb15cd710c54bdbcd2a322ec46112a43565b8a40ed7cfa4a1e98
7
+ data.tar.gz: 355942d4928aaad2f2191472e4bca9456fb737aa766bf5e60e1bafde3c07c0c386709eab7aa7ab86aaa4aabe0158cf60d9e0cefce1fef066c4242bb8bb9789d4
@@ -40,7 +40,7 @@ input#color-mode + label{
40
40
 
41
41
  &:after{
42
42
  border-left: solid 1px var(--common);
43
-
43
+ color: var(--common);
44
44
  }
45
45
  }
46
46
 
@@ -61,6 +61,6 @@ input#color-mode:checked + label:after{
61
61
 
62
62
  @media (min-width: 1160px) {
63
63
  input#color-mode, input#color-mode + label {
64
- left: calc(calc(calc(100vw - 1160px) / 2) + 30px);
64
+ left: calc(calc(calc(100% - 1160px) / 2) + 30px);
65
65
  }
66
66
  }
data/_sass/forms.scss CHANGED
@@ -10,14 +10,10 @@
10
10
  margin: 0;
11
11
  font-size: .8em;
12
12
 
13
- &:hover {
13
+ &:hover, &:active, &:focus {
14
14
  background: var(--primary-highlight);
15
15
  color: var(--common);
16
16
  }
17
-
18
- &:focus {
19
- outline: none;
20
- }
21
17
  }
22
18
 
23
19
  .button {
@@ -45,9 +41,14 @@ input[type="text"], input[type="email"], textarea {
45
41
  padding: 10px;
46
42
  box-sizing: border-box;
47
43
  border: 1px solid var(--secondary-highlight);
44
+ background-color: var(--primary-highlight);
45
+ color: var(--common);
48
46
  resize: none;
49
47
 
50
- &:focus {
48
+ &:hover, &:active, &:focus {
49
+ background-color: initial;
50
+ color: var(--primary-highlight);
51
+
51
52
  outline: 2px solid var(--secondary-highlight);
52
53
  }
53
54
  }
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: $light-common;
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 $light-primary-highlight;
31
+ text-shadow: 1px 1px 1px #{$light-primary-highlight};
32
32
  }
33
33
 
34
34
  &:hover {
data/_sass/variables.scss CHANGED
@@ -13,30 +13,30 @@ $dark-secondary-highlight: #868686;
13
13
  $dark-common: rgb(16, 20, 34);
14
14
 
15
15
  :root{
16
- --primary-highlight: $light-primary-highlight;
17
- --secondary-highlight: $light-secondary-highlight;
18
- --common: $light-common;
16
+ --primary-highlight: #{$light-primary-highlight};
17
+ --secondary-highlight: #{$light-secondary-highlight};
18
+ --common: #{$light-common};
19
19
  }
20
20
 
21
21
  @media (prefers-color-scheme: dark) {
22
22
  :root{
23
- --primary-highlight: $dark-primary-highlight;
24
- --secondary-highlight: $dark-secondary-highlight;
25
- --common: $dark-common;
23
+ --primary-highlight: #{$dark-primary-highlight};
24
+ --secondary-highlight: #{$dark-secondary-highlight};
25
+ --common: #{$dark-common};
26
26
  }
27
27
  }
28
28
 
29
29
  #color-mode:checked ~ * {
30
- --primary-highlight: $dark-primary-highlight;
31
- --secondary-highlight: $dark-secondary-highlight;
32
- --common: $dark-common;
30
+ --primary-highlight: #{$dark-primary-highlight};
31
+ --secondary-highlight: #{$dark-secondary-highlight};
32
+ --common: #{$dark-common};
33
33
  }
34
34
 
35
35
  @media (prefers-color-scheme: dark) {
36
36
  #color-mode:checked ~ * {
37
- --primary-highlight: $light-primary-highlight;
38
- --secondary-highlight: $light-secondary-highlight;
39
- --common: $light-common;
37
+ --primary-highlight: #{$light-primary-highlight};
38
+ --secondary-highlight: #{$light-secondary-highlight};
39
+ --common: #{$light-common};
40
40
  }
41
41
  }
42
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
4
+ version: 0.6.0
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-31 00:00:00.000000000 Z
11
+ date: 2023-04-01 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.4.6
188
+ rubygems_version: 3.3.26
189
189
  signing_key:
190
190
  specification_version: 4
191
191
  summary: Recipe is a Jekyll theme for recipe websites, and adapted from CloudCannons