wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Issues Pull requests Activity Actions

fix: pill style; global style

Browse source 
Fixes an issue with <img> inside <figure> not being centered
This commit is contained in:
Devin Haska 2024-10-15 20:26:00 -07:00
parent 9a4afabbd7
commit 1d172811ef
3 changed files with 60 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/pages/styleguide.html
View file

@ -34,6 +34,21 @@ description: A demo of the site's theme.
<div class="[ size-2 ]" style="background-color: var(--color-shadow)"></div>
</div>
<hr />
<div class="[ flex ]">
<a href="#" class="[ button ]">A button</a>
</div>
<div class="[ flex flex-wrap gap-1 ]">
<a href="#" class="[ pill ]">A pill</a>
<a href="#" class="[ pill ]">
A pill link with a count <span class="[ pill-count ]">3</span>
</a>
<p class="[ pill ]">
A pill with a count <span class="[ pill-count ]">3</span>
</p>
<p class="[ pill ]" data-state="small">A small pill</p>
<p class="[ pill ]" data-state="extrasmall">99+</p>
</div>
<hr />
<a href="#">A link</a>
<a href="/">A visited link</a>
<hr />