jekyll-theme-recipe 0.8.6 → 0.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/recipes.scss +14 -8
  3. metadata +3 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b6d9eab65e63edda09434d8e3732be543d4299634f83b191c50a8d47c2fe230e
4
- data.tar.gz: 44ee0d05f0a7ba9c1b06c52f8136233cd064d2b42d5939b2779619395ee86874
3
+ metadata.gz: 4bbbcea46a7c1498ec7c00b37b8570c3b348d1c2f540e696043210313761a03d
4
+ data.tar.gz: 86d3eb03812562beafdad566bdf5758992db0a528e0dfbdad54db24278723f16
5
5
  SHA512:
6
- metadata.gz: ba6ec5e0c0363981a40691cc831f582e1e0034951fbf90d80c5b12dffb02340a4023d48d94f4011e6e7a5f1029d2bc348f248c08ac915442bb51e04df0dcb0ba
7
- data.tar.gz: 301235aff739ca41c13cd295ca05a6e2ee96b4295bbf06862e33b13279742552e5af64b4afd511edbce8e60d86a866a89aa6f1b46851a5624b7fcba2eeee1046
6
+ metadata.gz: 40b808e69e41ad5d491026fd3f18cf3e3bcef6475b8b31ed78c7881fd4dc2aa99a4ad8d5bb33f8dd13390b611fbc82713eb4df6ef8668ed0b2a6ed5d0dfdc53f
7
+ data.tar.gz: e51120c1f42313f4d6c205e8445cd771d5ed8a726aec42ccff1fd276028ed44ebe5c9b8a7035da452d8a7e4c4c5fefc652667c35b1670eda70223c3577f999a0
data/_sass/recipes.scss CHANGED
@@ -1,13 +1,15 @@
1
1
  .recipes {
2
2
  display: flex;
3
3
  flex-wrap: wrap;
4
+ gap: 10px;
5
+ container-type: inline-size;
6
+
4
7
  .recipe {
5
8
  flex: 1 0 300px;
6
- height: 200px;
9
+ height: calc(100px + 10cqw);
7
10
  display: inline-block;
8
11
  background-position: center;
9
12
  background-size: cover;
10
- margin: 5px 7px;
11
13
 
12
14
  a {
13
15
  width: 100%;
@@ -20,19 +22,23 @@
20
22
  //vertical-align: text-bottom;
21
23
  position: relative;
22
24
  transition: all 0.2s ease;
23
- font-size: 1.1em;
25
+ font-size: 1.2em;
24
26
  font-weight: 700;
27
+ box-sizing: border-box;
28
+ border: 2px solid transparent; // ensures no content shift on hover
29
+
25
30
 
26
31
  span {
27
- position: absolute;
28
- bottom: 5px;
29
- width: 100%;
30
- left: 0;
31
- text-shadow: 1px 1px 1px #{$light-primary-highlight};
32
+ display: inline-block;
33
+ backdrop-filter: blur(4px);
34
+ text-shadow: 0px 0px 10px #{$light-primary-highlight};
35
+ padding: 0 5px;
36
+ margin-top: 5px;
32
37
  }
33
38
 
34
39
  &:hover {
35
40
  background: none;
41
+ border: 2px solid var(--primary-highlight)
36
42
  }
37
43
  }
38
44
  }
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.8.6
4
+ version: 0.9.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-04-09 00:00:00.000000000 Z
11
+ date: 2023-06-03 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