Template:Def/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 3: / Line 3: @@
 */
-/* Inline, flush with text baseline, icon vertically centered */
+/* Inline, flush with normal text */
 .sv-def {
-   display: inline-flex;
+   display: inline;
-  align-items: center;
+   line-height: inherit;
-  gap: 0.35em;
+   white-space: nowrap; /* keep icon + label together */
-   line-height: inherit;       /* match surrounding text */
-   white-space: normal;        /* don’t force nowrap; let it flow like text */
-  vertical-align: -0.12em;    /* nudge down to sit flush in sentences */
    cursor: help;
 }
-/* Icon wrapper(s) */
+/* Icon wrappers only exist when an icon exists */
 .sv-def-icon,
 .sv-def-icon-img {
-   display: inline-flex;
+   display: inline-block;
-   align-items: center;
+   margin-right: 0.35em; /* spacing between icon and text */
-   justify-content: center;
+   vertical-align: -0.125em; /* nudge down to visually center with text */
-  line-height: 0;             /* prevents wrapper from affecting line box */
 }
-/* If file icons render as images, keep them tidy */
+  /* File icons rendered as images */
-.sv-def-icon-img img {
+  .sv-def-icon-img img {
-   display: block;
+    height: 1em;
+    width: auto;
+    vertical-align: middle;
+  }
+/* Missing file / missing record icon ("?") */
+.sv-def-icon--missing {
+   font-weight: 700;
 }
-/* Keep the text looking link-like but not too loud */
+/* Link-like but not too loud */
 .sv-def-text {
    color: #0b63c5;