@leuffen/themejs1 6.1.11 → 6.1.13
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.
- package/_tpl/_root/.schiller-context.txt +18 -5
- package/_tpl/_root/src/_variables.scss +2 -2
- package/_tpl/_root/src/style_custom.scss +0 -28
- package/dist/sections/hero-max/hero-max.js +7 -0
- package/package.json +2 -2
- package/sections/hero-max/hero-max.scss +8 -3
- package/sections/hero-max/hero-max.ts +14 -3
|
@@ -7,22 +7,35 @@ explizit vor Namen im Context genannt wurden.
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
+
Folgende Bilder stehen zur Verfügung:
|
|
10
11
|
|
|
12
|
+
Generische Bilder:
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
11
16
|
|
|
12
17
|
|
|
13
|
-
|
|
14
|
-
Folgende Bilder stehen zur Verfügung:
|
|
15
|
-
|
|
18
|
+
Für Hausärzte und Allgmeinmediziner:
|
|
16
19
|
|
|
17
20
|
|
|
18
21
|
|
|
19
|
-
|
|
20
22
|
|
|
21
23
|
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
|
|
25
27
|
|
|
26
|
-
|
|
27
28
|
|
|
28
29
|
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
Für Zahnärzte:
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
@@ -4,31 +4,3 @@
|
|
|
4
4
|
@import "@leuffen/themejs1";
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
@function toRGB ($color) {
|
|
9
|
-
@return red($color) + ", " + green($color) + ", " + blue($color);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
nav {
|
|
14
|
-
--s-box-background: rgba(255, 255, 255, 0.0);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
.tjs__hero-ribbon {
|
|
21
|
-
|
|
22
|
-
h3 {
|
|
23
|
-
color: $primary;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.tjs__hero-ribbon--wrapper {
|
|
27
|
-
background-color: rgba(63, 28, 28, 0.08);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.tjs__hero-max {
|
|
33
|
-
|
|
34
|
-
}
|
|
@@ -21,4 +21,11 @@ jodastyle_1.Joda.registerTemplate("hero-max",
|
|
|
21
21
|
|
|
22
22
|
`, {
|
|
23
23
|
cols: "6",
|
|
24
|
+
'aspect-ratio': "5/4",
|
|
25
|
+
}, {
|
|
26
|
+
onAfterConnectedCallback: (el) => {
|
|
27
|
+
let wrapper = el.querySelector(".tjs__hero-max--out-wrapper");
|
|
28
|
+
if (wrapper.textContent.trim() === "")
|
|
29
|
+
wrapper.style.display = "none"; // Remove Wrapper if empty
|
|
30
|
+
}
|
|
24
31
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@leuffen/themejs1",
|
|
3
|
-
"version": "6.1.
|
|
3
|
+
"version": "6.1.13",
|
|
4
4
|
|
|
5
5
|
"description": "",
|
|
6
6
|
"license": "proprietary",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
],
|
|
28
28
|
"author": "",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@leuffen/jodastyle": "^3.0.
|
|
30
|
+
"@leuffen/jodastyle": "^3.0.9",
|
|
31
31
|
"@kasimirjs/embed": "^1.0.8",
|
|
32
32
|
"@leuffen/isl-base": "^3.0.4",
|
|
33
33
|
"@leuffen/liscom": "^2.0.8",
|
|
@@ -4,22 +4,26 @@
|
|
|
4
4
|
--s-box-background: rgba(255, 255, 255, 0.8);
|
|
5
5
|
|
|
6
6
|
--joda-class: ":: mobile :lg: desktop";
|
|
7
|
-
--layout-image-ratio:
|
|
7
|
+
--layout-image-ratio: 16 / 10;
|
|
8
8
|
|
|
9
9
|
&.mobile {
|
|
10
10
|
&>slot {
|
|
11
11
|
display: block;
|
|
12
12
|
position: relative;
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: auto;
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
aspect-ratio: var(--layout-image-ratio, 16 / 9);
|
|
15
17
|
}
|
|
16
18
|
& > slot > img {
|
|
17
19
|
object-fit: cover;
|
|
20
|
+
object-position: center top;
|
|
18
21
|
height: 100%;
|
|
19
22
|
width: 100%;
|
|
20
23
|
}
|
|
21
24
|
|
|
22
25
|
& > .tjs__hero-max--out-wrapper {
|
|
26
|
+
|
|
23
27
|
position: relative;
|
|
24
28
|
|
|
25
29
|
display: flex;
|
|
@@ -55,6 +59,7 @@
|
|
|
55
59
|
& > img {
|
|
56
60
|
height: 100%;
|
|
57
61
|
object-fit: cover;
|
|
62
|
+
object-position: center center;
|
|
58
63
|
width: 100%;
|
|
59
64
|
}
|
|
60
65
|
}
|
|
@@ -19,6 +19,17 @@ Joda.registerTemplate("hero-max",
|
|
|
19
19
|
</div>
|
|
20
20
|
</section>
|
|
21
21
|
|
|
22
|
-
`,
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
`,
|
|
23
|
+
{
|
|
24
|
+
cols: "6",
|
|
25
|
+
'aspect-ratio': "5/4",
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
onAfterConnectedCallback: (el) => {
|
|
29
|
+
let wrapper = el.querySelector(".tjs__hero-max--out-wrapper") as HTMLElement;
|
|
30
|
+
if (wrapper.textContent.trim() === "")
|
|
31
|
+
wrapper.style.display = "none"; // Remove Wrapper if empty
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
);
|