25.095
Bearbeitungen
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 6: | Zeile 6: | ||
display: flex; | display: flex; | ||
flex-direction: row; | flex-direction: row; | ||
gap: 1. | gap: 1.6rem; | ||
border-radius: 6px; | border-radius: 6px; | ||
padding: | padding: 0.8rem; | ||
margin-bottom: | margin-bottom: 1rem; | ||
color: #333; /* Basis-Textfarbe als Fallback */} | color: #333; /* Basis-Textfarbe als Fallback */} | ||
| Zeile 19: | Zeile 19: | ||
line-height: 1; /* Zeilenhöhe für die Kopfzeile */ | line-height: 1; /* Zeilenhöhe für die Kopfzeile */ | ||
flex: 0 0 100%; /* Kopfzeile nimmt die gesamte Zeile ein */ | flex: 0 0 100%; /* Kopfzeile nimmt die gesamte Zeile ein */ | ||
font-size: | font-size: 1.05rem; /* Schriftgröße */ | ||
margin: 0 0 0.5rem 0; | margin: 0 0 0.5rem 0; | ||
} | } | ||
| Zeile 38: | Zeile 38: | ||
flex-wrap: wrap; /* Erlaubt Elementen, in die nächste Zeile zu gehen, wenn nicht genug Platz vorhanden ist */ | flex-wrap: wrap; /* Erlaubt Elementen, in die nächste Zeile zu gehen, wenn nicht genug Platz vorhanden ist */ | ||
align-items: center; /* Zentriert die Elemente vertikal */ | align-items: center; /* Zentriert die Elemente vertikal */ | ||
gap: 0. | gap: 0.2rem; /* Definiert sowohl den row-gap als auch den column-gap für die Flexbox */ | ||
width: 100%; | width: 100%; | ||
padding: 0; | padding: 0; | ||
| Zeile 60: | Zeile 60: | ||
align-items: center; /* Zentriert den Inhalt der Items vertikal */ | align-items: center; /* Zentriert den Inhalt der Items vertikal */ | ||
height: max-content; | height: max-content; | ||
padding: 0. | padding: 0.05rem 0.8rem; | ||
background-color: #fff; /* Hintergrundfarbe der Pillen-Items als Fallback */ | background-color: #fff; /* Hintergrundfarbe der Pillen-Items als Fallback */ | ||
border-radius: 12px; | border-radius: 12px; | ||
font-size: | font-size: 0.95rem} | ||
.boxless { | .boxless { | ||