Vorlage:Infobar/style.css: Unterschied zwischen den Versionen

Vorlage:Infobar/style.css (Quelltext anzeigen)

293 Bytes hinzugefügt , 3 April

keine Bearbeitungszusammenfassung

20.745

Bearbeitungen

@@ Zeile 23: / Zeile 23: @@
 .infobar-text {
-     margin: auto;
+     display: grid; /* Weiterhin Grid verwenden */
+    align-items: center; /* Sorgt für die vertikale Zentrierung der Inhalte */
+    row-gap: 0.4em; /* Definiert den Abstand zwischen den Zeilen */
+    width: 100%;
      padding: 0;
-     display: flex;
+     margin: 0; /* Keine automatische horizontale Zentrierung */
-    flex-wrap: wrap;
+     color: inherit; /* Erbt die Textfarbe vom übergeordneten Element */}
-    column-gap: 0.6em;
-    row-gap: 0;
-    font-size: 90%;
-    width: 100%;
-     color: inherit; /* Textfarbe von der übergeordneten .infobar erben */}
 .infobar-text .head {
@@ Zeile 46: / Zeile 44: @@
 .infobar-text .item {
      height: max-content;
+    width: max-content;
      display: inline-block;
      padding: 0.05em 1em;
@@ Zeile 51: / Zeile 50: @@
      border-radius: 12px;
      font-size: 95%;}
+.infobar-text .head + .boxless.item {
+    margin-top: -0.4em; /* Negativer margin-top, um den row-gap effektiv zu entfernen */}
 .margin {