Skip to content

Commit 2479bc6

Browse files
committed
Fix and normalize all links in /docs
1 parent 019d358 commit 2479bc6

File tree

12 files changed

+108
-135
lines changed

12 files changed

+108
-135
lines changed

docs/00-welcome.mdx

Lines changed: 20 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -7,24 +7,11 @@ tags:
77
- Getting started
88
---
99

10-
import {
11-
KolAbbr,
12-
KolAlert,
13-
KolCard,
14-
KolHeading,
15-
KolIconIcofont,
16-
KolIndentedText,
17-
KolIcon,
18-
KolKolibri,
19-
KolDetails,
20-
KolLink,
21-
KolLogo,
22-
KolTable,
23-
} from '@public-ui/react';
24-
import { KoliBri } from '@site/src/components/KoliBri';
25-
import { KoliBriAbbr } from '@site/src/components/KoliBriAbbr';
26-
import { WelcomeQualityTable, WelcomeSupportTable } from '@site/src/components/docs/Welcome';
27-
import { translate } from '@docusaurus/Translate';
10+
11+
import {KolAlert, KolKolibri, KolLink, KolLogo,} from '@public-ui/react';
12+
import {KoliBri} from '@site/src/components/KoliBri';
13+
import {KoliBriAbbr} from '@site/src/components/KoliBriAbbr';
14+
import {WelcomeQualityTable, WelcomeSupportTable} from '@site/src/components/docs/Welcome';
2815

2916
<div className="flex gap-4">
3017
<KolLogo
@@ -45,7 +32,7 @@ import { translate } from '@docusaurus/Translate';
4532
</div>
4633

4734
<KolAlert _type="info" _variant="card">
48-
<KolLink _href="/docs/concepts/styling/theming" _label="Erfahren Sie hier, wieso KoliBri so hilfreich ist." />
35+
<KolLink _label="Erfahren Sie hier, wieso KoliBri so hilfreich ist." _href="/docs/concepts/styling/theming" />
4936
</KolAlert>
5037

5138
<br />
@@ -65,17 +52,17 @@ import { translate } from '@docusaurus/Translate';
6552
## Mission
6653

6754
<p className="col-12">
68-
Der <kol-link _href="https://html.spec.whatwg.org" _target="w3c" _label="HTML-Webstandard"></kol-link> ist an sich sehr
55+
Der <KolLink _label="HTML-Webstandard" _href="https://html.spec.whatwg.org" _target="blank" /> ist an sich sehr
6956
"offen" spezifiziert, um möglichst langlebig und robust zu sein. Es kommt daher häufig vor, dass HTML-Kompositionen nicht
7057
ohne Weiteres barrierefrei, semantisch und valide sind. <KoliBri /> baut direkt auf den
71-
<kol-link _href="https://www.w3.org/standards/webdesign/" _target="w3c" _label="Webstandards"></kol-link> des
72-
<kol-link _href="https://www.w3.org" _target="w3c" _label="W3C"></kol-link> auf (Framework-agnostisch), ist dabei eine
73-
generische Referenzimplementierung des <kol-link
74-
_href="https://www.w3.org/WAI/standards-guidelines/wcag/"
75-
_target="wcag"
58+
<KolLink _label="Webstandards" _href="https://www.w3.org/standards/webdesign/" _target="blank" /> des
59+
<KolLink _label="W3C" _href="https://www.w3.org" _target="blank" /> auf (Framework-agnostisch), ist dabei eine
60+
generische Referenzimplementierung des <KolLink
7661
_label="WCAG-Standards"
62+
_href="https://www.w3.org/WAI/standards-guidelines/wcag/"
63+
_target="blank"
7764
/>
78-
und der <kol-link _href="https://www.bitvtest.de/bitv_test.html" _target="bitv" _label="BITV"></kol-link> für die Barrierefreiheit
65+
und der <KolLink _label="BITV" _href="https://www.bitvtest.de/bitv_test.html" _target="blank" /> für die Barrierefreiheit
7966
und als eine Multi-Theming-fähige Präsentationsschicht umgesetzt. Es gibt keinerlei fachlichen Bezug und keine Datenübertragungsfunktionalitäten.
8067
Damit ist <KoliBri /> für die Realisierung statischer Webseiten als auch dynamischer Webanwendungen unterschiedlicher Corporate
8168
Designs und Styleguides gleichermaßen wiederverwendbar und somit für Open Source sehr interessant.
@@ -108,7 +95,7 @@ import { translate } from '@docusaurus/Translate';
10895
<li>
10996
<strong>Zugänglichmachung:</strong> Die Artefakte und der Quellcode können von jedem frei und kostenlos
11097
wiederverwendet werden. Hierdurch leistet der ITZBund einen Beitrag im Sinne von{' '}
111-
<kol-link _href="https://publiccode.eu/" _target="publiccode" _label="„Public Money – Public Code“"></kol-link>.
98+
<KolLink _label="„Public Money – Public Code“" _href="https://publiccode.eu/" _target="blank" />.
11299
</li>
113100
<li>
114101
<strong>Gewährleistungs- und Haftungsausschluss:</strong> Mit der Wiederverwendung gehen keinerlei Gewährleistung
@@ -155,13 +142,13 @@ import { translate } from '@docusaurus/Translate';
155142
<p className="col-12">
156143
Web Components können technologisch sowohl Client-seitig (CSR), prerendered (SSG), als auch Server-seitig (SSR)
157144
gerendert werden. Das Rendering ist dabei von den jeweils technischen Rahmenbedingungen abhängig (<KolLink
145+
_label="https://web.dev"
158146
_href="https://web.dev/rendering-on-the-web/"
159-
_target="web.dev"
160-
_label={`https://web.dev`}
147+
_target="blank"
161148
/>, <KolLink
149+
_label="https://medium.com"
162150
_href="https://medium.com/nerd-for-tech/compare-and-contrast-csr-ssr-and-ssg-in-nextjs-58e3caf2e15e"
163-
_target="web.dev"
164-
_label={`https://medium.com`}
151+
_target="blank"
165152
/>).
166153
</p>
167154
<p>
@@ -178,7 +165,7 @@ import { translate } from '@docusaurus/Translate';
178165
<KolAlert _type="info" _variant="card">
179166
<small>
180167
🧪 Das Server-Side-Rendering von Web Components ist eine neue spannende Funktionalität, wo noch Anpassungen an den
181-
Prerenderer notwendig sein werden und wird daher unsererseits als experimentell eingestuft (<KolLink _href="https://web.dev/declarative-shadow-dom/" _target="web.dev" _label={`https://web.dev`} />).
168+
Prerenderer notwendig sein werden und wird daher unsererseits als experimentell eingestuft (<KolLink _label="https://web.dev" _href="https://web.dev/declarative-shadow-dom/" _target="blank" />).
182169
</small>
183170
</KolAlert>
184171
</p>
@@ -232,7 +219,7 @@ import { translate } from '@docusaurus/Translate';
232219
</li>
233220
</ul>
234221
Die komplette Beschreibung der SemVer finden Sie hier:{' '}
235-
<kol-link _href="https://semver.org/lang/de/" _target="semver" _label="https://semver.org/lang/de/"></kol-link>
222+
<KolLink _label="https://semver.org/lang/de/" _href="https://semver.org/lang/de/" _target="blank" />
236223
</p>
237224

238225
## Qualitätsziele

docs/03-faq.mdx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ import { KolLink } from '@public-ui/react';
3131
- **Was besagt die Lizenzierung?**<br/>
3232
Die EUPL erlaubt die uneingeschränkte Nutzung der Artefakt, die auf konfigurative Weise an die eigenen Bedürfnisse angepasst werden können.
3333
Andererseits erzwingt sie die Offenlegung von Änderungen, die beim Kopieren von Quellcode aus KoliBri hervorgegangen sind (Copy-Left).
34-
Mehr hierzu finden Sie in der <KolLink _href="/docs/project/license" _label="Lizenz" />.
34+
Mehr hierzu finden Sie in der <KolLink _label="Lizenz" _href="/docs/project/license" />.
3535

3636
## Theming und Styling
3737

@@ -40,20 +40,20 @@ import { KolLink } from '@public-ui/react';
4040
- **Wie funktioniert das Theming?**<br/>
4141
In der Regel werden Web Components mit festem Styling erstellt. KoliBri trennt die semantisch barrierefreien Komponenten vom Styling und stellt dafür eine Register-Methode zum Kombinieren zur Verfügung. Da die Web Components im Browser grundsätzlich registriert (define) werden müssen, besteht hier die Möglichkeit, die Komponenten mit einem definierten Theme zu laden.
4242
- **Wie kann man ein eigenes Theme erstellen?**<br/>
43-
Wir arbeiten stets daran, das Erstellen und Pflegen von Themes weiter zu vereinfachen. Hierzu dienen z.B. das Basis-Styling (reines Layout) der Komponenten ab Version 1.5. Aufsetzen kann man einfach durch die Erstellung einer Theme-Definition, z.B. mit einem eigenen Theme-Projekt (NPM-Paket) mittels der <KolLink _href="https://github.com/public-ui/kolibri/blob/45726c50d7f28c9c595442b2241582816eca5670/packages/create-kolibri/templates/kolibri-library/packages/components/src/global/script.ts#L8" _label="TS-Datei" _target="github"/>. Hilfreich um Erstellen und Pflegen von Themes ist auch unser <KolLink _href="/designer/" _label=" Theme-Designer" _target="designer"/>.
43+
Wir arbeiten stets daran, das Erstellen und Pflegen von Themes weiter zu vereinfachen. Hierzu dienen z.B. das Basis-Styling (reines Layout) der Komponenten ab Version 1.5. Aufsetzen kann man einfach durch die Erstellung einer Theme-Definition, z.B. mit einem eigenen Theme-Projekt (NPM-Paket) mittels der <KolLink _label="TS-Datei" _href="https://github.com/public-ui/kolibri/blob/45726c50d7f28c9c595442b2241582816eca5670/packages/create-kolibri/templates/kolibri-library/packages/components/src/global/script.ts#L8" _target="blank" />. Hilfreich um Erstellen und Pflegen von Themes ist auch unser <KolLink _label="Theme-Designer" _href="/designer/" _target="blank" />.
4444
- **Warum muss CSS in JavaScript verwalten werden?**<br/>
4545
Das Stylen von KoliBri-Komponenten erfolgt nicht allein eingebundenes CSS oder die Verwendung von CSS-Frameworks (wie z.B. Bootstrap, Material-UI, Tailwind CSS, etc.), sondern
4646
über das technische Setzen von CSS an der Komponente. Das hat den Vorteil, dass die Komponenten vom äußeren CSS unabhängig sind. Die Robustheit ist ein architektonischen Qualitätsziel. Sie spiegelt sich darin wieder, das nur die Komponente selbst über ihr Styling entscheidet.
4747
- **Wozu braucht man das Schema?**<br/>
48-
KoliBri basiert auf einer ausgeklügelten <KolLink _href="/docs/concepts/architecture" _label="Architektur" />. Beispielsweise dient das kleine Schema-Paket (@public-ui/schema) dazu, die Tag-Namen und Sprach-Keys der KoliBri-Komponenten unabhängig von der konkreten Implementierung zu definieren. Dies ermöglicht bei der Theme-Erstellung ein komplett losgelöstes Arbeiten mit Autovervollständigung, ohne aber die Komponenten und deren Abhängigkeiten zu benötigen. Das hat Vorteile bei manchen Integrationsszenarien, wie z.B. bei statischen Seiten oder Content-Management-Systemen (CMS).
48+
KoliBri basiert auf einer ausgeklügelten <KolLink _label="Architektur" _href="/docs/concepts/architecture" />. Beispielsweise dient das kleine Schema-Paket (@public-ui/schema) dazu, die Tag-Namen und Sprach-Keys der KoliBri-Komponenten unabhängig von der konkreten Implementierung zu definieren. Dies ermöglicht bei der Theme-Erstellung ein komplett losgelöstes Arbeiten mit Autovervollständigung, ohne aber die Komponenten und deren Abhängigkeiten zu benötigen. Das hat Vorteile bei manchen Integrationsszenarien, wie z.B. bei statischen Seiten oder Content-Management-Systemen (CMS).
4949

5050
## Technisches
5151

5252
- **Wieso können KoliBri-Komponenten wirklich barrierefrei sein?**<br/>
5353
Die KoliBri-Komponenten sind softwarearchitektonisch so designed, dass sie sich nur über Properties instrumentieren lassen und nicht über eignenes reingebbares HTML. Das bedeutet, dass die Komponenten nur über die API (Properties) gesteuert werden können. Das ist ein Qualitätsmerkmal, da die Komponenten so nicht von außen manipuliert werden können. Die Komponenten sind sehr restriktiv und können somit in sich immer barrierefrei sein.<br/>
54-
Um aus dieser Restriktivität ausbrechen zu können, gibt es den <KolLink _href="/docs/concepts/expert-slot" _label="Expert-Slot" />, der es ermöglicht, eigenes HTML in die Komponente einzubetten. Die Barrierefreiheit über den Expert-Slot liegt in den Händen des Experten (Developers) und sollte nur in Ausnahmefällen verwendet werden.
54+
Um aus dieser Restriktivität ausbrechen zu können, gibt es den <KolLink _label="Expert-Slot" _href="/docs/concepts/expert-slot" />, der es ermöglicht, eigenes HTML in die Komponente einzubetten. Die Barrierefreiheit über den Expert-Slot liegt in den Händen des Experten (Developers) und sollte nur in Ausnahmefällen verwendet werden.
5555
- **Warum werden die Eigenschaften von Komponenten manchmal abweichend vom HTML-Naming benannt?**<br/>
56-
Um die Erlernbarkeit von KoliBri zu einfach zu halten, wird in der Regel immer das Naming des HTML verwenden. Doch auch der HTML-Standard ist in seinem Naming über mehrerer Element (Komponenten) nicht einheitlich. Und daher kommt es dazu, dass wir in KoliBri für gleichartige Eigenschaften übergreifend einheitliche Namen gewählt haben. Mehr dazu finden Sie im Konzept <KolLink _href="/docs/concepts/properties" _label="Eigenschaften" />.
56+
Um die Erlernbarkeit von KoliBri zu einfach zu halten, wird in der Regel immer das Naming des HTML verwenden. Doch auch der HTML-Standard ist in seinem Naming über mehrerer Element (Komponenten) nicht einheitlich. Und daher kommt es dazu, dass wir in KoliBri für gleichartige Eigenschaften übergreifend einheitliche Namen gewählt haben. Mehr dazu finden Sie im Konzept <KolLink _label="Eigenschaften" _href="/docs/concepts/properties" />.
5757

5858
## Barrierefreiheit
5959

@@ -62,4 +62,4 @@ import { KolLink } from '@public-ui/react';
6262

6363
## Noch Fragen offen?
6464

65-
Wenn noch Fragen offen sind, dann schreiben Sie uns gerne eine E-Mail an <KolLink _href="mailto:kolibri@itzbund.de" _label="kolibri@itzbund.de" _target="email" _icons="codicon codicon-mail" />.
65+
Wenn noch Fragen offen sind, dann schreiben Sie uns gerne eine E-Mail an <KolLink _href="mailto:kolibri@itzbund.de" _label="kolibri@itzbund.de" _icons="codicon codicon-mail" />.

docs/10-get-started/1-first-steps.mdx

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
1+
import { KolAlert, KolLink } from '@public-ui/react';
2+
13
# Erste Schritte
24

35
<div class="grid md:grid-cols-12 mb-4">
4-
<kol-alert _label="Cheat Sheet herunterladen" _level="2" _type="info" _variant="card">
5-
<kol-link
6-
slot=""
7-
_href="https://public-ui.github.io/cheat-sheet/"
8-
_label="false"
9-
_target="cheat-sheet"
6+
<KolAlert _label="Cheat Sheet herunterladen" _level="2" _type="info" _variant="card">
7+
<KolLink
108
_label="Klicken Sie hier, um sich das Cheat-Sheet zum Entwickeln anzuschauen und herunterzuladen."
11-
></kol-link>
12-
</kol-alert>
9+
_href="https://public-ui.github.io/cheat-sheet/"
10+
_target="blank"
11+
/>
12+
</KolAlert>
1313
</div>
1414

15-
<kol-alert _type="warning" _variant="card">
15+
<KolAlert _type="warning" _variant="card">
1616
Für Projekt im ITZBund gibt es ein vorgegebenes Seed-Projekt, welches über die internen Kommunikationswege angefragt
1717
werden kann.
18-
</kol-alert>
18+
</KolAlert>
1919

2020
## Neues Projekt erstellen
2121

docs/10-get-started/5-frameworks.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import { KolAlert, KolLink, KolTable } from '@public-ui/react';
88

99
## Installation
1010

11-
Alle Pakete/Artefakte von KoliBri werden in der öffentlichen <kol-link _href="https://www.npmjs.com/search?q=%40public-ui" _label="NPM-Registry" _target="npmjs"></kol-link> versioniert bereitgestellt.
11+
Alle Pakete/Artefakte von KoliBri werden in der öffentlichen <KolLink _label="NPM-Registry" _href="https://www.npmjs.com/search?q=%40public-ui" _target="blank" /> versioniert bereitgestellt.
1212

1313
<KolTable
1414
_label="Übersicht der Pakete"

docs/20-concepts/05-styling/34-theming.mdx

Lines changed: 30 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,6 @@
1-
import {
2-
KolAbbr,
3-
KolAlert,
4-
KolCard,
5-
KolHeading,
6-
KolIconIcofont,
7-
KolIndentedText,
8-
KolIcon,
9-
KolKolibri,
10-
KolDetails,
11-
KolLink,
12-
KolLogo,
13-
KolTable,
14-
} from '@public-ui/react';
15-
import { KoliBri } from '@site/src/components/KoliBri';
16-
import { Mermaid } from '@site/src/components/Mermaid';
1+
import {KolAlert, KolDetails, KolIndentedText, KolLink,} from '@public-ui/react';
2+
import {KoliBri} from '@site/src/components/KoliBri';
3+
import {Mermaid} from '@site/src/components/Mermaid';
174

185
# Theming
196

@@ -25,9 +12,9 @@ import { Mermaid } from '@site/src/components/Mermaid';
2512
Das Einzigartige an <KoliBri /> ist die <strong>Referenzimplementierung</strong> von Komponenten, die von Grund auf
2613
<strong>semantisch W3C- und WCAG-konform</strong> und damit <strong>vollständig barrierefrei</strong> bezüglich der assistiven
2714
Unterstützung sind. Alle Komponenten werden dabei als <KolLink
15+
_label="Web Components"
2816
_href="https://developer.mozilla.org/en-US/docs/Web/Web_Components?retiredLocale=de"
29-
_target="mozilla"
30-
_label={`Web Components`}
17+
_target="blank"
3118
/> umgesetzt und sind somit in allen webbasierten Projekten wiederverwendbar. In der folgenden Abbildung werden diese Komponenten
3219
durch die grau-gestrichelten Formen in der Mitte dargestellt.
3320
</p>
@@ -49,26 +36,40 @@ import { Mermaid } from '@site/src/components/Mermaid';
4936
Im ersten Release (v1.0) hatte <KoliBri /> noch direkt das Individualisieren des Standard-Designs mittels sogenannter{' '}
5037
<strong>
5138
<KolLink
39+
_label="CSS-Properties"
5240
_href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties"
53-
_target="mozilla"
54-
_label={`CSS-Properties`}
41+
_target="blank"
5542
/>
5643
</strong>{' '}
5744
(
58-
<KolLink _href="https://uxdesign.cc/design-tokens-for-dummies-8acebf010d71" _target="uxdesign" _label="Design-Tokens"></KolLink>
59-
, <KolLink _href="https://tailwindcss.com" _target="tailwindcss" _label={`Tailwind CSS`} />) umgesetzt. Mit der
45+
<KolLink
46+
_label="Design-Tokens"
47+
_href="https://uxdesign.cc/design-tokens-for-dummies-8acebf010d71"
48+
_target="blank"
49+
/>
50+
, <KolLink
51+
_label="Tailwind CSS"
52+
_href="https://tailwindcss.com"
53+
_target="blank"
54+
/>) umgesetzt. Mit der
6055
Umsetzung weiterer Themes haben wir jedoch festgestellt, dass wir immer mehr CSS-Properties einführen müssten, um die
6156
Flexiblität für das gewünschte Design/UX (Corporate Design/Styleguide) umsetzen zu können. Im Zweifel müsste für jede
6257
Anpassbarkeit ein separates Property vorgesehen werden. Am Beispiel des{' '}
63-
<KolLink _href="https://mui.com/material-ui/api/button/#css" _target="mui" _label={`MUI-Button CSS`} /> ist gut
58+
<KolLink
59+
_label="MUI-Button CSS"
60+
_href="https://mui.com/material-ui/api/button/#css"
61+
_target="blank"
62+
/> ist gut
6463
erkennbar, wie die CSS-Properties (Design Token) immer mehr werden.
6564
</p>
6665
<p>
6766
<KolIndentedText>
6867
<strong>
69-
2. Wir haben das ganze CSS vollständig von den Components entkoppelt (wie{' '}
70-
<KolLink _href="https://styled-components.com" _target="styled-components" _label={`Styled-Components`} />
71-
).
68+
2. Wir haben das ganze CSS vollständig von den Components entkoppelt (wie <KolLink
69+
_label="Styled-Components"
70+
_href="https://styled-components.com"
71+
_target="blank"
72+
/>).
7273
</strong>
7374
</KolIndentedText>
7475
</p>
@@ -131,7 +132,7 @@ stateDiagram-v2
131132
<p>
132133
Das UI/UX-Team spezifiziert beispielsweise mit Figma die Komponenten ihres Design-Systems. Bei der Überführung der
133134
Spezifikation in die Realisierung wird das Design in Form von reinem CSS mittels des{' '}
134-
<KolLink _href="/docs/concepts/styling/designer" _label={`KoliBri-Designers`} /> auf die Basis-Komponenten
135+
<KolLink _label="KoliBri-Designers" _href="/docs/concepts/styling/designer" /> auf die Basis-Komponenten
135136
„übertragen“. Wenn im eigenen Design-System eine Individualisierbarkeit gewünscht ist, können im Designer dafür
136137
CSS-Properties oder Design-Tokens definiert werden. Damit das eigene Theme über Projekte hinweg geteilt werden kann,
137138
wird das Theme in ein NPM-Paket paketiert und kann über eine beliebige Registry bereitgestellt werden.
@@ -157,9 +158,9 @@ stateDiagram-v2
157158
KoliBri-Komponenten passen, können in eigenen Komponenten-Bibliotheken aufgebaut und unabhängig gepflegt werden.
158159
Hierfür bieten wir die sogenannte <strong>KoliBri-Factory</strong> (Stack) an (siehe{' '}
159160
<KolLink
161+
_label="Modularisierung"
160162
_href="https://github.com/public-ui/kolibri/blob/main/docs/ARCHITECTURE.md#erweitert"
161-
_target="github"
162-
_label={`Modularisierung`}
163+
_target="blank"
163164
/>
164165
).
165166
</p>

docs/20-concepts/05-styling/35-designer.mdx

Lines changed: 3 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,10 @@
1-
import {
2-
KolAbbr,
3-
KolAlert,
4-
KolCard,
5-
KolHeading,
6-
KolIconIcofont,
7-
KolIndentedText,
8-
KolIcon,
9-
KolKolibri,
10-
KolDetails,
11-
KolLink,
12-
KolLogo,
13-
KolTable,
14-
} from '@public-ui/react';
1+
import {KolCard, KolIcon, KolLink,} from '@public-ui/react';
152

163
# Designer
174

185
<div className="grid grid-cols-2">
196
<KolCard _label="Eigenes Theme erstellen" _level={2}>
20-
<KolLink slot="" data-removed-_useCase="nav" _href="/designer" _target="designer" _label="">
21-
<div slot="expert" className="flex gap-4 py-2">
22-
<KolIcon className="homepage" _icons="codicon codicon-paintcan" />
23-
<span>Klicken Sie hier, um den Designer in einem neuen Browser-Fenster zu öffnen.</span>
24-
</div>
25-
</KolLink>
7+
<KolLink _label="Klicken Sie hier, um den Designer in einem neuen Browser-Fenster zu öffnen." _href="/designer" _target="blank" _icons={{ left:'codicon codicon-paintcan' }} />
268
</KolCard>
279
</div>
2810

@@ -32,8 +14,7 @@ Mithilfe des KoliBri-Designers können Benutzer für die KoliBri-Bibliothek schn
3214
Die fertigen Styles können anschließend als Theme heruntergeladen und im eigenen Projekt eingefügt werden.
3315

3416
<kol-alert _label="Designer oder Scss" _type="info" _variant="card">
35-
KoliBri bietet zum Erstellen von Themes auch einen <kol-link _href="/docs/concepts/styling/scss" _label="Scss" />
36-
-Ansatz an. Je nach persönlichen Präferenzen kann der Designer oder Scss verwendet werden.
17+
KoliBri bietet zum Erstellen von Themes auch einen <KolLink _label="Scss" _href="/docs/concepts/styling/scss" />-Ansatz an. Je nach persönlichen Präferenzen kann der Designer oder Scss verwendet werden.
3718
</kol-alert>
3819

3920
## Globales CSS

0 commit comments

Comments
 (0)