Template:Def/styles.css: Difference between revisions
Template page
More actions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 3: | Line 3: | ||
*/ | */ | ||
/* Inline, flush with normal text */ | /* Inline, flush with normal text — treat as one “word” with centered contents */ | ||
.sv-def { | .sv-def { | ||
display: inline; | display: inline-flex; | ||
align-items: center; | |||
white-space: nowrap; /* keep icon + label together */ | |||
line-height: inherit; | line-height: inherit; | ||
vertical-align: middle; /* important when inside normal text lines */ | |||
cursor: help; | cursor: help; | ||
} | } | ||
| Line 14: | Line 16: | ||
.sv-def-icon, | .sv-def-icon, | ||
.sv-def-icon-img { | .sv-def-icon-img { | ||
display: inline- | display: inline-flex; | ||
margin-right: 0.35em; /* spacing between icon and text */ | align-items: center; | ||
vertical-align: | justify-content: center; | ||
margin-right: 0.35em; /* spacing between icon and text */ | |||
line-height: 0; /* prevents baseline “drop” */ | |||
vertical-align: middle; /* harmless but consistent */ | |||
} | } | ||
/* File icons rendered as images */ | /* File icons rendered as images */ | ||
.sv-def-icon-img img { | .sv-def-icon-img img { | ||
height: 1em; | display: block; /* removes baseline behavior entirely */ | ||
height: 1em; /* or whatever your canonical size is */ | |||
width: auto; | width: auto; | ||
} | } | ||
| Line 29: | Line 35: | ||
.sv-def-icon--missing { | .sv-def-icon--missing { | ||
font-weight: 700; | font-weight: 700; | ||
line-height: 1; /* ensure the ? is not squashed by line-height:0 on wrapper */ | |||
} | } | ||