LukeParke/sveltesociety.dev
1
0
Fork 0
mirror of https://github.com/LukeHagar/sveltesociety.dev.git synced 2025-12-06 12:47:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add tailwind for utility classes (#562)

Browse Source 
* feat: Add tailwind for styling

* Use ESM for postcss

* Remove overlapping classes

* More layout fixes

* Pin footer to bottom

* Replace .old-container

* Fix prettier
This commit is contained in:
Lachlan Collins
2023-12-31 00:09:01 +11:00
committed by GitHub
parent 7c382c8a8f
commit 4ffc0b7f92
17 changed files with 503 additions and 459 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/components/ComponentIndex/Card.svelte
View File

@@ -58,7 +58,7 @@
{/if}
<p class="flex-grow">{description}</p>
{#if tags}
<div class="card__tags">
<div class="flex flex-row flex-wrap mb-4">
{#each tags as tag}
<Tag title={tag} variant="blue" />
{/each}
@@ -91,12 +91,6 @@
.card:hover {
background: #e8f3fe;
}
.card__tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.card__top {
display: flex;
justify-content: space-between;
@@ -105,7 +99,7 @@
.card__bottom {
display: flex;
justify-content: space-between;
align-items: end;
align-items: flex-end;
}
.card__bottom > * {
white-space: nowrap;