Template:YouTube link/styles.css: Difference between revisions
Template page
More actions
m Build reusable tournament data and rendering system |
m Add a bit more horizontal breathing room around the YouTube/Loka icons |
||
| Line 9: | Line 9: | ||
.loka-youtube-link img { | .loka-youtube-link img { | ||
vertical-align: 0.5px; | vertical-align: 0.5px; | ||
margin: 0 .15em; | |||
} | } | ||
| Line 16: | Line 17: | ||
.loka-icon-loka img { | .loka-icon-loka img { | ||
vertical-align: -1.5px; | vertical-align: -1.5px; | ||
margin: 0 .15em; | |||
} | } | ||
Latest revision as of 19:18, 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;
margin: 0 .15em;
}
/* 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;
margin: 0 .15em;
}
.loka-youtube-link-credit {
opacity: .68;
}
.loka-youtube-link-warning {
display: block;
margin-top: .2em;
font-size: .78em;
font-style: italic;
opacity: .68;
}