Template:YouTube link/styles.css: Difference between revisions
Template page
More actions
m Build reusable tournament data and rendering system |
m Build reusable tournament data and rendering system |
||
| Line 3: | Line 3: | ||
} | } | ||
/* Empirically measured against the live rendered text/icon, not guessed -- | |||
the icon's own intrinsic proportions mean baseline alignment (or the | |||
previous -2px guess) leaves it visibly low relative to the text's | |||
centre. */ | |||
.loka-youtube-link img { | .loka-youtube-link img { | ||
vertical-align: - | vertical-align: 0.5px; | ||
} | |||
/* Different image, different intrinsic proportions -- needs its own | |||
value rather than sharing the YouTube icon's, also measured directly | |||
against the live rendered text rather than guessed. */ | |||
.loka-icon-loka img { | |||
vertical-align: -1.5px; | |||
} | } | ||
Revision as of 17:47, 19 August 2026
.loka-youtube-link {
display: inline;
}
/* Empirically measured against the live rendered text/icon, not guessed --
the icon's own intrinsic proportions mean baseline alignment (or the
previous -2px guess) leaves it visibly low relative to the text's
centre. */
.loka-youtube-link img {
vertical-align: 0.5px;
}
/* Different image, different intrinsic proportions -- needs its own
value rather than sharing the YouTube icon's, also measured directly
against the live rendered text rather than guessed. */
.loka-icon-loka img {
vertical-align: -1.5px;
}
.loka-youtube-link-credit {
opacity: .68;
}
.loka-youtube-link-warning {
display: block;
margin-top: .2em;
font-size: .78em;
font-style: italic;
opacity: .68;
}