@leuffen/themejs1 2.0.5 → 2.0.8
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/docs/CNAME +1 -0
- package/docs/_config.yml +34 -0
- package/docs/_includes/navbar.html +16 -0
- package/docs/_layouts/blank.html +18 -0
- package/docs/_layouts/default.html +27 -0
- package/docs/assets/ani.svg +5 -0
- package/docs/assets/dist/index.js +16091 -0
- package/docs/assets/dist/index.js.map +1 -0
- package/docs/assets/dist/style.css +1095 -0
- package/docs/assets/dist/style.css.map +1 -0
- package/docs/assets/dist/style.js +28 -0
- package/docs/assets/dist/style.js.map +1 -0
- package/docs/assets/morphing.svg +5 -0
- package/docs/pages/html.html +11 -0
- package/docs/pages/index.md +39 -0
- package/elements/e-card-default/e-card-default.scss +18 -0
- package/elements/e-card-default/e-card-default.ts +13 -0
- package/elements/elements.scss +1 -0
- package/elements/elements.ts +1 -0
- package/package.json +6 -2
- package/sections/_defaults.scss +20 -0
- package/sections/cta-base/cta-base.scss +15 -0
- package/sections/cta-base/cta-base.ts +12 -0
- package/sections/cta-form/cta-form.scss +21 -0
- package/sections/cta-form/cta-form.ts +20 -0
- package/sections/footer-base/footer-base.scss +59 -0
- package/sections/footer-base/footer-base.ts +17 -0
- package/sections/hero-max/hero-max.scss +100 -0
- package/sections/hero-max/hero-max.ts +21 -0
- package/sections/hero-ribbon/hero-ribbon.scss +37 -0
- package/sections/hero-ribbon/hero-ribbon.ts +20 -0
- package/sections/hero-title-small/hero-title-small.scss +28 -0
- package/sections/hero-title-small/hero-title-small.ts +15 -0
- package/sections/navbar-blox/navbar-blox.scss +177 -0
- package/sections/navbar-blox/navbar-blox.ts +54 -0
- package/sections/sec-card-2col/sec-card-2col.scss +35 -0
- package/sections/sec-card-2col/sec-card-2col.ts +20 -0
- package/sections/sec-card-feature/sec-card-feature.scss +35 -0
- package/sections/sec-card-feature/sec-card-feature.ts +22 -0
- package/sections/sec-legal-content/sec-legal-content.scss +46 -0
- package/sections/sec-legal-content/sec-legal-content.ts +20 -0
- package/sections/sec-multi-card/sec-multi-card.scss +22 -0
- package/sections/sec-multi-card/sec-multi-card.ts +18 -0
- package/sections/sec-testimonial-ribbon/sec-testimonial-ribbon.scss +52 -0
- package/sections/sec-testimonial-ribbon/sec-testimonial-ribbon.ts +26 -0
- package/sections/sections.scss +14 -0
- package/sections/sections.ts +13 -0
- package/themes/_general/root-format.scss +108 -0
- package/themes/_vendor/font-bootstrap-icons.scss +4022 -0
- package/themes/_vendor/font-ubuntu.scss +38 -0
- package/themes/theme1/index.scss +119 -0
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'Ubuntu-R';
|
|
3
|
+
font-style: normal;
|
|
4
|
+
font-weight: 400;
|
|
5
|
+
font-display: swap;
|
|
6
|
+
src: url("https://cdn.leuffen.de/hyperpage-components/v1.0/fonts/ubuntu/Ubuntu-R.ttf");
|
|
7
|
+
}
|
|
8
|
+
@font-face {
|
|
9
|
+
font-family: 'Ubuntu-R';
|
|
10
|
+
font-style: normal;
|
|
11
|
+
font-weight: 100;
|
|
12
|
+
font-display: swap;
|
|
13
|
+
src: url("https://cdn.leuffen.de/hyperpage-components/v1.0/fonts/ubuntu/Ubuntu-Th.ttf");
|
|
14
|
+
}
|
|
15
|
+
@font-face {
|
|
16
|
+
font-family: 'Ubuntu-R';
|
|
17
|
+
font-style: normal;
|
|
18
|
+
font-weight: 500;
|
|
19
|
+
font-display: swap;
|
|
20
|
+
src: url("https://cdn.leuffen.de/hyperpage-components/v1.0/fonts/ubuntu/Ubuntu-M.ttf");
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
// Ubuntu Light
|
|
25
|
+
@font-face {
|
|
26
|
+
font-family: 'Ubuntu-Th';
|
|
27
|
+
font-style: normal;
|
|
28
|
+
font-weight: 400;
|
|
29
|
+
font-display: swap;
|
|
30
|
+
src: url("https://cdn.leuffen.de/hyperpage-components/v1.0/fonts/ubuntu/Ubuntu-Th.ttf");
|
|
31
|
+
}
|
|
32
|
+
@font-face {
|
|
33
|
+
font-family: 'Ubuntu-Th';
|
|
34
|
+
font-style: normal;
|
|
35
|
+
font-weight: 500;
|
|
36
|
+
font-display: swap;
|
|
37
|
+
src: url("https://cdn.leuffen.de/hyperpage-components/v1.0/fonts/ubuntu/Ubuntu-R.ttf");
|
|
38
|
+
}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
|
|
2
|
+
:root {
|
|
3
|
+
--layout-container: container;
|
|
4
|
+
}
|
|
5
|
+
.theme1 {
|
|
6
|
+
|
|
7
|
+
h1,h2,h3,h4,h5 {
|
|
8
|
+
color: var(--t-text-color);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
h1 {
|
|
12
|
+
font-size: 2.4em;
|
|
13
|
+
line-height: 1.2em;
|
|
14
|
+
}
|
|
15
|
+
h2, h3,h4,h5 {
|
|
16
|
+
line-height: 1.2em;
|
|
17
|
+
}
|
|
18
|
+
h3,h4,h5 {
|
|
19
|
+
font-size: 1.15em;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
p {
|
|
23
|
+
line-height: 1.4em;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
.section {
|
|
28
|
+
blockquote p {
|
|
29
|
+
font-size: 2.3em;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
.card-body {
|
|
35
|
+
h3 {
|
|
36
|
+
font-weight: bold;
|
|
37
|
+
}
|
|
38
|
+
color: var(--t-text-color);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
font-size: 1.1rem;
|
|
42
|
+
|
|
43
|
+
--t-background: #f5f5f5;
|
|
44
|
+
--t-background-footer: #fff;
|
|
45
|
+
--t-section-background: transparent;
|
|
46
|
+
--t-section-background-accent: #e7e7eb;
|
|
47
|
+
--t-section-background-primary: #D6EED9;
|
|
48
|
+
--t-text-background: #fff;
|
|
49
|
+
--t-text-color: #707070;
|
|
50
|
+
--t-text-background-light: var(--t-background);
|
|
51
|
+
--t-text-color-accent: var(--bs-gray-900);
|
|
52
|
+
--t-text-color-primary: var(--bs-primary);
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
--t-header-margin: 0 0 20px 0;
|
|
56
|
+
--t-paragraf-margin: 0 0 20px 0;
|
|
57
|
+
|
|
58
|
+
--t-section-padding: 40px 0;
|
|
59
|
+
--t-section-inner-padding: 3rem;
|
|
60
|
+
|
|
61
|
+
.tjs__sec-legal-content {
|
|
62
|
+
padding-top: 100px;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
section:last-child {
|
|
66
|
+
padding-bottom: 0;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
// background: var(--bs-light);
|
|
70
|
+
|
|
71
|
+
a.btn.btn-primary {
|
|
72
|
+
color: white !important;
|
|
73
|
+
}
|
|
74
|
+
input.btn.btn-primary {
|
|
75
|
+
color: white !important;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.btn {
|
|
79
|
+
border-radius: 0;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
map {
|
|
83
|
+
--joda-class: ":: aspect-1x1 :lg: aspcect-16x9";
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
.title_image {
|
|
88
|
+
background: linear-gradient(180deg, rgba(230,225,221,1) 0%, rgba(245,240,236,1) 35%, rgba(238,238,238,1) 100%);;
|
|
89
|
+
& > img {
|
|
90
|
+
object-position: 80% 0;
|
|
91
|
+
object-fit: contain;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.as__accordion {
|
|
96
|
+
border: 1px solid var(--bs-gray-100);
|
|
97
|
+
--as-accordion-open-bg: #fff;
|
|
98
|
+
h3 {
|
|
99
|
+
padding-top: 10px;
|
|
100
|
+
padding-bottom: 10px;
|
|
101
|
+
}
|
|
102
|
+
.section-h3 {
|
|
103
|
+
border: 1px solid var(--bs-gray-200);
|
|
104
|
+
background-color: var(--bs-gray-100);
|
|
105
|
+
}
|
|
106
|
+
.content {
|
|
107
|
+
background-color: #fff;
|
|
108
|
+
p {
|
|
109
|
+
margin: 20px 20px 20px 0;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
}
|
|
117
|
+
.openhours {
|
|
118
|
+
--joda-class: "table table-borderless";
|
|
119
|
+
}
|