HTML - hr
<hr> (default)
Separator mit den üblichen Farben
<hr> (default)
Separator mit den üblichen Farben
| Schriftgröße | .classname |
|---|---|
| font-size: 1.0rem | .fs-10 |
| font-size: 1.1rem | .fs-11 |
| font-size: 1.2rem (default) | .fs-12 |
| font-size: 1.3rem | .fs-13 |
| font-size: 1.4rem | .fs-14 |
| font-size: 1.5rem | .fs-15 |
| font-size: 1.6rem | .fs-16 |
| font-size: 1.7rem | .fs-17 |
| font-size: 1.8rem | .fs-18 |
| font-size: 1.9rem | .fs-19 |
| font-size: 2.0rem | .fs-20 |
| Schriftstärke | .classname |
|---|---|
| font-weight: 100 (default) | .fw-100 |
| font-weight: 200 | .fw-200 |
| font-weight: 300 | .fw-300 |
| font-weight: 400 | .fw-400 |
| font-weight: 500 | .fw-500 |
| font-weight: 600 | .fw-600 |
| font-weight: 700 | .fw-700 |
| font-weight: 800 | .fw-800 |
| font-weight: 900 | .fw-900 |
Wenn der W3C CSS Validierungsdienst meldet:
Gratulation! Es wurden keine Fehler gefunden.
Weiter unten dann aber mehrere Warnungen kommen al´a:
Due to their dynamic nature, CSS variables are currently not statically checked
:root {
--radius: 3rem .7rem 2rem .7rem/.7rem 2rem .7rem 3rem;
}
.radius {
border-radius: var(--radius);
}
Der NULL Werte (nicht das Wort an sich) in einer SQL Datenbank ist ein Zeichen für schlechtes Datenbank-Design. Hier sollte ein adäquater Ersatz oder die leeren Zeichenfolge ' ' verwendet werden.
Textfarbe:
data-accent
data-muted
data-info
data-success
data-warning
data-danger
data-notice
data-special
Value
data-accent
data-muted
data-info
data-success
data-warning
data-danger
data-notice
data-special
Unicode Icon:
⏺
⏺⏺
⏺⏺⏺
⏺
⏺⏺⏺
⏺⏺
⏺⏺
⏺
Brauche ich zwar noch nicht, aber ich wollte mich Technisch schon mal mit JSON auseinander setzten. Also kurz eine JSON-Datei erstellt (brennholzverleih.json) und diese schnell via Textarea mit ein paar Daten befüllt.
Ein Datensatz sieht in etwa so aus:
Ich habe die Google-Fonts gelöscht (kein berechtigte Interesse) und mit system-ui eine sehr gute Alternative gefunden.
Mit font-weight 100 hab ich ein sehr dünnes Schriftbild wie z.b. bei Roboto (100) und mit font-weight 900 ist der Text auch fett genug, so das ich auch die Schriftart Anton nicht mehr brauche.
Ein weiterer Schritt in Richtung die Ladezeit einer Seite zu verbessern.
| Operator | Bedeutung |
|---|---|
| == | gleich |
| != | ungleich |
| < | kleiner |
| <= | kleiner oder gleich |
| > | größer |
| >= | größer oder gleich |