@kickstartds/ds-agency-premium 1.6.71--canary.45.2311.0 → 1.6.71--canary.52.2326.0
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/README.md +1 -1
- package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
- package/dist/BlogPostProps-6b3cff22.d.ts +1 -1
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-6a826e52.d.ts → SectionProps-662e0a28.d.ts} +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +2 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +2 -1
- package/dist/components/button/button.css +1 -1
- package/dist/components/event-latest-teaser/event-latest-teaser.css +2 -0
- package/dist/components/footer/footer.schema.dereffed.json +16 -28
- package/dist/components/footer/footer.schema.json +1 -1
- package/dist/components/footer/index.js +1 -1
- package/dist/components/header/header.css +2 -2
- package/dist/components/header/header.schema.dereffed.json +15 -27
- package/dist/components/headline/headline.css +4 -4
- package/dist/components/hero/hero.css +1 -1
- package/dist/components/logos/logos.css +6 -3
- package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +15 -27
- package/dist/components/nav-main/nav-main.schema.dereffed.json +15 -27
- package/dist/components/nav-main/nav-main.schema.json +16 -27
- package/dist/components/nav-topbar/nav-topbar.css +2 -2
- package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +15 -27
- package/dist/components/page/page.schema.dereffed.json +2 -1
- package/dist/components/page-wrapper/tokens.css +394 -388
- package/dist/components/presets.json +31 -55
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/section.css +3 -0
- package/dist/components/section/section.schema.dereffed.json +2 -1
- package/dist/components/section/section.schema.json +1 -1
- package/dist/components/settings/settings.schema.dereffed.json +31 -55
- package/dist/components/slider/slider.css +2 -2
- package/dist/components/teaser-card/teaser-card.css +3 -3
- package/dist/components/testimonials/testimonials.css +8 -3
- package/dist/global.css +14 -99
- package/dist/static/fonts/dsa/dosis-v19-latin-600.woff2 +0 -0
- package/dist/static/fonts/dsa/dosis-v19-latin-regular.woff2 +0 -0
- package/dist/static/fonts/dsa/fa-solid-900.woff2 +0 -0
- package/dist/static/img/paxconnect/contact.png +0 -0
- package/dist/static/img/paxconnect/hero-2.jpeg +0 -0
- package/dist/static/img/paxconnect/hero-2.png +0 -0
- package/dist/static/img/paxconnect/testimonial-1.png +0 -0
- package/dist/static/img/paxconnect/testimonial-2.png +0 -0
- package/dist/static/img/paxconnect/testimonial-3.png +0 -0
- package/dist/static/img/paxconnect/woman-in-van.png +0 -0
- package/dist/static/logo.png +0 -0
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +394 -388
- package/dist/tokens/tokens.js +601 -598
- package/package.json +1 -1
- package/dist/static/fonts/dsa/Fredoka-Bold.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Bold.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Light.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Light.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Medium.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Medium.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Regular.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Regular.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-SemiBold.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-SemiBold.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-300.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-300.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-600.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-600.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-800.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-800.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-Regular.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-Regular.woff2 +0 -0
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# kickstartDS Premium Agency Starter
|
|
1
|
+
# kickstartDS Premium Agency Starter.
|
|
2
2
|
|
|
3
3
|
kickstartDS Agency Starter is a specialized version of the kickstartDS Starter, tailored for digital agencies. It provides a set of content components that can be used to style marketing pages, while maintaining the flexibility and customizability of the original starter. This repository contains the kickstartDS Premium Agency Starter... which includes more visually rich content components based off of our [kickstartDS Content module](https://www.kickstartds.com/content-module/).
|
|
4
4
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
4
|
* and run json-schema-to-typescript to regenerate this file.
|
|
5
5
|
*/
|
|
6
|
-
import { SectionProps } from "./SectionProps-
|
|
6
|
+
import { SectionProps } from "./SectionProps-662e0a28.js";
|
|
7
7
|
import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
|
|
8
8
|
import { CtaProps } from "./CtaProps-789f8508.js";
|
|
9
9
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
|
|
7
7
|
import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
|
|
8
|
-
import { SectionProps } from "./SectionProps-
|
|
8
|
+
import { SectionProps } from "./SectionProps-662e0a28.js";
|
|
9
9
|
import { CtaProps } from "./CtaProps-789f8508.js";
|
|
10
10
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
11
11
|
/**
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
4
|
* and run json-schema-to-typescript to regenerate this file.
|
|
5
5
|
*/
|
|
6
|
-
import { SectionProps } from "./SectionProps-
|
|
6
|
+
import { SectionProps } from "./SectionProps-662e0a28.js";
|
|
7
7
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
8
8
|
/**
|
|
9
9
|
* Collection of sections (with their contents) to render on the page
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.dsa-button {
|
|
2
|
-
--dsa-button--padding: 0.
|
|
2
|
+
--dsa-button--padding: 0.5em 1.35em;
|
|
3
3
|
--dsa-button--border-width: var(--ks-border-width-default);
|
|
4
4
|
--dsa-button--border-radius: var(--ks-border-radius-control);
|
|
5
5
|
--dsa-button--font-weight: var(--ks-font-weight-semi-bold);
|
|
@@ -5,6 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
.dsa-event-latest-teaser {
|
|
7
7
|
--g-link--border-radius: var(--ks-border-radius-card);
|
|
8
|
+
--g-link--background: var(--ks-background-color-default);
|
|
9
|
+
--g-link--background-hover: var(--ks-background-color-default);
|
|
8
10
|
display: flex;
|
|
9
11
|
gap: var(--ks-spacing-inline-s);
|
|
10
12
|
padding: var(--ks-spacing-inset-s);
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"title": "Byline",
|
|
56
56
|
"description": "Small line of text displayed below the logo",
|
|
57
57
|
"type": "string",
|
|
58
|
-
"default": "
|
|
58
|
+
"default": "Made with love in Cologne | © paxconnect 2025"
|
|
59
59
|
},
|
|
60
60
|
"inverted": {
|
|
61
61
|
"type": "boolean",
|
|
@@ -107,43 +107,31 @@
|
|
|
107
107
|
"examples": [
|
|
108
108
|
[
|
|
109
109
|
{
|
|
110
|
-
"label": "
|
|
111
|
-
"url": "#"
|
|
112
|
-
"active": true
|
|
110
|
+
"label": "Produkte",
|
|
111
|
+
"url": "#"
|
|
113
112
|
},
|
|
114
113
|
{
|
|
115
|
-
"label": "
|
|
114
|
+
"label": "Schulung",
|
|
116
115
|
"url": "#"
|
|
117
116
|
},
|
|
118
117
|
{
|
|
119
|
-
"label": "
|
|
120
|
-
"url": "#"
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
"url": "#"
|
|
130
|
-
},
|
|
131
|
-
{
|
|
132
|
-
"label": "An Item with a longer Label",
|
|
133
|
-
"url": "#"
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
"label": "And One last one",
|
|
137
|
-
"url": "#"
|
|
138
|
-
}
|
|
139
|
-
]
|
|
118
|
+
"label": "News",
|
|
119
|
+
"url": "#"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"label": "Termine",
|
|
123
|
+
"url": "#"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"label": "Kontakt",
|
|
127
|
+
"url": "#"
|
|
140
128
|
},
|
|
141
129
|
{
|
|
142
|
-
"label": "
|
|
130
|
+
"label": "Service",
|
|
143
131
|
"url": "#"
|
|
144
132
|
},
|
|
145
133
|
{
|
|
146
|
-
"label": "
|
|
134
|
+
"label": "Jobs",
|
|
147
135
|
"url": "#"
|
|
148
136
|
}
|
|
149
137
|
]
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"title": "Byline",
|
|
33
33
|
"description": "Small line of text displayed below the logo",
|
|
34
34
|
"type": "string",
|
|
35
|
-
"default": "
|
|
35
|
+
"default": "Made with love in Cologne | © paxconnect 2025"
|
|
36
36
|
},
|
|
37
37
|
"inverted": {
|
|
38
38
|
"type": "boolean",
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
[ks-theme],
|
|
3
3
|
[ks-inverted] {
|
|
4
4
|
--dsa-header--height: calc(var(--dsa-logo--height) + var(--dsa-header--spacing-vertical) * 2);
|
|
5
|
-
--dsa-header--spacing-vertical: var(--ks-spacing-inset-
|
|
5
|
+
--dsa-header--spacing-vertical: var(--ks-spacing-inset-l);
|
|
6
6
|
--dsa-header--spacing-horizontal: var(--ks-spacing-inset-xl);
|
|
7
7
|
--dsa-header_floating--spacing-horizontal: var(--ks-spacing-inset-l);
|
|
8
8
|
--dsa-header_open--shadow: 0 0 0 100px var(--ks-color-fg-alpha-3);
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.dsa-header {
|
|
19
|
-
--dsa-header--max-width: var(--dsa-content--
|
|
19
|
+
--dsa-header--max-width: var(--dsa-content--width_default);
|
|
20
20
|
--dsa-header--background: var(--ks-background-color-default);
|
|
21
21
|
--dsa-header_floating--background: var(--dsa-overlay-box_opaque--background-color);
|
|
22
22
|
--dsa-header_floating--backdrop-filter: var(--dsa-overlay-box_opaque--backdrop-filter);
|
|
@@ -120,43 +120,31 @@
|
|
|
120
120
|
"examples": [
|
|
121
121
|
[
|
|
122
122
|
{
|
|
123
|
-
"label": "
|
|
124
|
-
"url": "#"
|
|
125
|
-
"active": true
|
|
123
|
+
"label": "Produkte",
|
|
124
|
+
"url": "#"
|
|
126
125
|
},
|
|
127
126
|
{
|
|
128
|
-
"label": "
|
|
127
|
+
"label": "Schulung",
|
|
129
128
|
"url": "#"
|
|
130
129
|
},
|
|
131
130
|
{
|
|
132
|
-
"label": "
|
|
133
|
-
"url": "#"
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
"url": "#"
|
|
143
|
-
},
|
|
144
|
-
{
|
|
145
|
-
"label": "An Item with a longer Label",
|
|
146
|
-
"url": "#"
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
"label": "And One last one",
|
|
150
|
-
"url": "#"
|
|
151
|
-
}
|
|
152
|
-
]
|
|
131
|
+
"label": "News",
|
|
132
|
+
"url": "#"
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"label": "Termine",
|
|
136
|
+
"url": "#"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"label": "Kontakt",
|
|
140
|
+
"url": "#"
|
|
153
141
|
},
|
|
154
142
|
{
|
|
155
|
-
"label": "
|
|
143
|
+
"label": "Service",
|
|
156
144
|
"url": "#"
|
|
157
145
|
},
|
|
158
146
|
{
|
|
159
|
-
"label": "
|
|
147
|
+
"label": "Jobs",
|
|
160
148
|
"url": "#"
|
|
161
149
|
}
|
|
162
150
|
]
|
|
@@ -9,16 +9,16 @@
|
|
|
9
9
|
--dsa-headline--higlight-background: var(--dsa-typo--highlight);
|
|
10
10
|
--dsa-headline__subheadline--color: var(--ks-color-fg-alpha-4);
|
|
11
11
|
--dsa-headline__subheadline--font-weight: var(--ks-font-weight-bold);
|
|
12
|
-
--dsa-headline__subheadline--text-transform:
|
|
13
|
-
--dsa-headline__subheadline--letter-spacing:
|
|
12
|
+
--dsa-headline__subheadline--text-transform: none;
|
|
13
|
+
--dsa-headline__subheadline--letter-spacing: none;
|
|
14
14
|
--dsa-headline__subheadline--font-family: var(--ks-font-family-display);
|
|
15
15
|
--dsa-headline_h1--font: var(--ks-font-display-xxl);
|
|
16
|
-
--dsa-headline_h1__subheadline--font-size:
|
|
16
|
+
--dsa-headline_h1__subheadline--font-size: 60%;
|
|
17
17
|
--dsa-headline_h1--space-after_large: var(--ks-spacing-stack-l);
|
|
18
18
|
--dsa-headline_h1--space-after_small: var(--ks-spacing-stack-m);
|
|
19
19
|
--dsa-headline_h1--space-after_minimum: var(--ks-spacing-stack-s);
|
|
20
20
|
--dsa-headline_h2--font: var(--ks-font-display-xl);
|
|
21
|
-
--dsa-headline_h2__subheadline--font-size:
|
|
21
|
+
--dsa-headline_h2__subheadline--font-size: 60%;
|
|
22
22
|
--dsa-headline_h2--space-after_large: var(--ks-spacing-stack-l);
|
|
23
23
|
--dsa-headline_h2--space-after_small: var(--ks-spacing-stack-m);
|
|
24
24
|
--dsa-headline_h2--space-after_minimum: 0;
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
:root .dsa-hero,
|
|
78
78
|
[ks-inverted=true] .dsa-hero,
|
|
79
79
|
[ks-inverted=false] .dsa-hero {
|
|
80
|
-
--dsa-hero--min-height:
|
|
80
|
+
--dsa-hero--min-height: 42rem;
|
|
81
81
|
--dsa-hero--min-height_small: 20rem;
|
|
82
82
|
--dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
|
|
83
83
|
}
|
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
--dsa-logos__tagline--font: var(--dsa-headline_h3--font);
|
|
9
9
|
--dsa-logos__tagline--font-weight: var(--dsa-headline--font-weight);
|
|
10
10
|
--dsa-logos__tagline--color: var(--dsa-headline--color);
|
|
11
|
-
--dsa-logos__grid--gap-horizontal: var(--ks-spacing-
|
|
12
|
-
--dsa-logos__grid--gap-vertical: var(--ks-spacing-
|
|
13
|
-
--dsa-logos__grid_mobile--cols:
|
|
11
|
+
--dsa-logos__grid--gap-horizontal: var(--ks-spacing-m);
|
|
12
|
+
--dsa-logos__grid--gap-vertical: var(--ks-spacing-m);
|
|
13
|
+
--dsa-logos__grid_mobile--cols: 3;
|
|
14
14
|
--dsa-logos__grid_tablet--cols: 3;
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -93,6 +93,9 @@
|
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
95
|
.dsa-logos .dsa-logo-tiles .c-logo-tiles__col {
|
|
96
|
+
background-color: var(--ks-background-color-default-base);
|
|
97
|
+
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.025), 0px 3px 4px 2px rgba(0, 0, 0, 0.015), 0px 6px 8px 4px rgba(0, 0, 0, 0.035);
|
|
98
|
+
border-radius: var(--ks-border-radius-card);
|
|
96
99
|
margin: 0;
|
|
97
100
|
aspect-ratio: 16/9;
|
|
98
101
|
display: flex;
|
|
@@ -48,43 +48,31 @@
|
|
|
48
48
|
"examples": [
|
|
49
49
|
[
|
|
50
50
|
{
|
|
51
|
-
"label": "
|
|
52
|
-
"url": "#"
|
|
53
|
-
"active": true
|
|
51
|
+
"label": "Produkte",
|
|
52
|
+
"url": "#"
|
|
54
53
|
},
|
|
55
54
|
{
|
|
56
|
-
"label": "
|
|
55
|
+
"label": "Schulung",
|
|
57
56
|
"url": "#"
|
|
58
57
|
},
|
|
59
58
|
{
|
|
60
|
-
"label": "
|
|
61
|
-
"url": "#"
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
"url": "#"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"label": "An Item with a longer Label",
|
|
74
|
-
"url": "#"
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
"label": "And One last one",
|
|
78
|
-
"url": "#"
|
|
79
|
-
}
|
|
80
|
-
]
|
|
59
|
+
"label": "News",
|
|
60
|
+
"url": "#"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"label": "Termine",
|
|
64
|
+
"url": "#"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"label": "Kontakt",
|
|
68
|
+
"url": "#"
|
|
81
69
|
},
|
|
82
70
|
{
|
|
83
|
-
"label": "
|
|
71
|
+
"label": "Service",
|
|
84
72
|
"url": "#"
|
|
85
73
|
},
|
|
86
74
|
{
|
|
87
|
-
"label": "
|
|
75
|
+
"label": "Jobs",
|
|
88
76
|
"url": "#"
|
|
89
77
|
}
|
|
90
78
|
]
|
|
@@ -119,43 +119,31 @@
|
|
|
119
119
|
"examples": [
|
|
120
120
|
[
|
|
121
121
|
{
|
|
122
|
-
"label": "
|
|
123
|
-
"url": "#"
|
|
124
|
-
"active": true
|
|
122
|
+
"label": "Produkte",
|
|
123
|
+
"url": "#"
|
|
125
124
|
},
|
|
126
125
|
{
|
|
127
|
-
"label": "
|
|
126
|
+
"label": "Schulung",
|
|
128
127
|
"url": "#"
|
|
129
128
|
},
|
|
130
129
|
{
|
|
131
|
-
"label": "
|
|
132
|
-
"url": "#"
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
"url": "#"
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
"label": "An Item with a longer Label",
|
|
145
|
-
"url": "#"
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
"label": "And One last one",
|
|
149
|
-
"url": "#"
|
|
150
|
-
}
|
|
151
|
-
]
|
|
130
|
+
"label": "News",
|
|
131
|
+
"url": "#"
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"label": "Termine",
|
|
135
|
+
"url": "#"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"label": "Kontakt",
|
|
139
|
+
"url": "#"
|
|
152
140
|
},
|
|
153
141
|
{
|
|
154
|
-
"label": "
|
|
142
|
+
"label": "Service",
|
|
155
143
|
"url": "#"
|
|
156
144
|
},
|
|
157
145
|
{
|
|
158
|
-
"label": "
|
|
146
|
+
"label": "Jobs",
|
|
159
147
|
"url": "#"
|
|
160
148
|
}
|
|
161
149
|
]
|
|
@@ -45,43 +45,32 @@
|
|
|
45
45
|
"examples": [
|
|
46
46
|
[
|
|
47
47
|
{
|
|
48
|
-
"label": "
|
|
49
|
-
"url": "#"
|
|
50
|
-
"active": true
|
|
48
|
+
"label": "Produkte",
|
|
49
|
+
"url": "#"
|
|
51
50
|
},
|
|
52
51
|
{
|
|
53
|
-
"label": "
|
|
52
|
+
"label": "Schulung",
|
|
54
53
|
"url": "#"
|
|
55
54
|
},
|
|
55
|
+
|
|
56
56
|
{
|
|
57
|
-
"label": "
|
|
58
|
-
"url": "#"
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
"url": "#"
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"label": "An Item with a longer Label",
|
|
71
|
-
"url": "#"
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"label": "And One last one",
|
|
75
|
-
"url": "#"
|
|
76
|
-
}
|
|
77
|
-
]
|
|
57
|
+
"label": "News",
|
|
58
|
+
"url": "#"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"label": "Termine",
|
|
62
|
+
"url": "#"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"label": "Kontakt",
|
|
66
|
+
"url": "#"
|
|
78
67
|
},
|
|
79
68
|
{
|
|
80
|
-
"label": "
|
|
69
|
+
"label": "Service",
|
|
81
70
|
"url": "#"
|
|
82
71
|
},
|
|
83
72
|
{
|
|
84
|
-
"label": "
|
|
73
|
+
"label": "Jobs",
|
|
85
74
|
"url": "#"
|
|
86
75
|
}
|
|
87
76
|
]
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
--dsa-nav-topbar__label--color_hover: var(--ks-text-color-interface-interactive-hover);
|
|
4
4
|
--dsa-nav-topbar__label--color_active: var(--ks-text-color-interface-interactive-active);
|
|
5
5
|
--dsa-nav-topbar__label--background-color: transparent;
|
|
6
|
-
--dsa-nav-topbar__label--background-color_hover:
|
|
6
|
+
--dsa-nav-topbar__label--background-color_hover: transparent;
|
|
7
7
|
--dsa-nav-topbar__label--background-color_active: transparent;
|
|
8
|
-
--dsa-nav-topbar__label--font-size: var(--ks-font-size-interface-
|
|
8
|
+
--dsa-nav-topbar__label--font-size: var(--ks-font-size-interface-m);
|
|
9
9
|
--dsa-nav-topbar__label--font-family: var(--ks-font-family-display);
|
|
10
10
|
--dsa-nav-topbar__label--font-weight: var(--ks-font-weight-semi-bold);
|
|
11
11
|
--dsa-nav-topbar__label--font-weight_active: var(--ks-font-weight-bold);
|
|
@@ -48,43 +48,31 @@
|
|
|
48
48
|
"examples": [
|
|
49
49
|
[
|
|
50
50
|
{
|
|
51
|
-
"label": "
|
|
52
|
-
"url": "#"
|
|
53
|
-
"active": true
|
|
51
|
+
"label": "Produkte",
|
|
52
|
+
"url": "#"
|
|
54
53
|
},
|
|
55
54
|
{
|
|
56
|
-
"label": "
|
|
55
|
+
"label": "Schulung",
|
|
57
56
|
"url": "#"
|
|
58
57
|
},
|
|
59
58
|
{
|
|
60
|
-
"label": "
|
|
61
|
-
"url": "#"
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
"url": "#"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"label": "An Item with a longer Label",
|
|
74
|
-
"url": "#"
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
"label": "And One last one",
|
|
78
|
-
"url": "#"
|
|
79
|
-
}
|
|
80
|
-
]
|
|
59
|
+
"label": "News",
|
|
60
|
+
"url": "#"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"label": "Termine",
|
|
64
|
+
"url": "#"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"label": "Kontakt",
|
|
68
|
+
"url": "#"
|
|
81
69
|
},
|
|
82
70
|
{
|
|
83
|
-
"label": "
|
|
71
|
+
"label": "Service",
|
|
84
72
|
"url": "#"
|
|
85
73
|
},
|
|
86
74
|
{
|
|
87
|
-
"label": "
|
|
75
|
+
"label": "Jobs",
|
|
88
76
|
"url": "#"
|
|
89
77
|
}
|
|
90
78
|
]
|