Add inline image utility class

This commit is contained in:
Helen Chong 2024-07-18 12:53:43 +08:00
parent b708a10275
commit b43e6fa82a
2 changed files with 3 additions and 2 deletions

View File

@ -1,6 +1,6 @@
<ul>
<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><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="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="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" class="inline-img" loading="lazy"></li>
</ul>

View File

@ -1,6 +1,7 @@
/* UTILITY CLASSES */
.bold-text { font-weight: 700; }
.center-text { text-align: center; }
.inline-img { display: inline-block; }
.break-word { word-break: break-word; }
.center-el {