Add inline image utility class
This commit is contained in:
parent
b708a10275
commit
b43e6fa82a
|
@ -1,6 +1,6 @@
|
||||||
<ul>
|
<ul>
|
||||||
<li>My favourite food is: <a href="https://frankie.fanacular.net/food">Mushrooms</a></li>
|
<li>My favourite food is: <a href="https://frankie.fanacular.net/food">Mushrooms</a></li>
|
||||||
<li>My favourite hot bevarage is <a href="https://cliques.moudoku.com/hot">Coffee</a></li>
|
<li>My favourite hot bevarage is <a href="https://cliques.moudoku.com/hot">Coffee</a></li>
|
||||||
<li><a href="http://cliqued.wings.nu/">OTF</a> <img src="/assets/cliques/OTF.png" alt="" style="display: inline-block;"> <a href="/shrines/cassettebeasts">Cassette Beasts</a></li>
|
<li><a href="http://cliqued.wings.nu/">OTF</a> <img src="/assets/cliques/OTF.png" alt="" class="inline-img" loading="lazy"> <a href="/shrines/cassettebeasts">Cassette Beasts</a></li>
|
||||||
<li><a href="https://pkmn.caelestis.nu" rel="noopener noreferrer">I Choose You!</a> :: Breloom <img src="/assets/cliques/breloom.png" alt="Icon sprite of Breloom the Pokémon" style="display: inline-block;"></li>
|
<li><a href="https://pkmn.caelestis.nu" rel="noopener noreferrer">I Choose You!</a> :: Breloom <img src="/assets/cliques/breloom.png" alt="Icon sprite of Breloom the Pokémon" class="inline-img" loading="lazy"></li>
|
||||||
</ul>
|
</ul>
|
|
@ -1,6 +1,7 @@
|
||||||
/* UTILITY CLASSES */
|
/* UTILITY CLASSES */
|
||||||
.bold-text { font-weight: 700; }
|
.bold-text { font-weight: 700; }
|
||||||
.center-text { text-align: center; }
|
.center-text { text-align: center; }
|
||||||
|
.inline-img { display: inline-block; }
|
||||||
.break-word { word-break: break-word; }
|
.break-word { word-break: break-word; }
|
||||||
|
|
||||||
.center-el {
|
.center-el {
|
||||||
|
|
Loading…
Reference in New Issue