giersig.eu/indiekit-blog
1
0
Fork 0
Code Issues Actions Packages Projects Releases Activity

feat: Garden dev 0.1

Browse Source
This commit is contained in:
svemagie
2026-03-14 16:53:31 +01:00
parent 3a8c24eb7f
commit 48da3404ea
5 changed files with 204 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
css/tailwind.css
View File

@@ -986,3 +986,48 @@ body[data-indiekit-auth="true"] .share-post-btn:hover {
background: #374151;
color: #34d399;
}
/* ============================================================
Digital Garden — stage badges
Used by _includes/components/garden-badge.njk
Stages: plant · cultivate · question · repot · revitalize · revisit
============================================================ */
@layer components {
.garden-badge {
@apply inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border no-underline transition-colors;
}
.garden-badge--plant {
@apply bg-green-100 text-green-800 border-green-200 hover:bg-green-200
dark:bg-green-900/30 dark:text-green-300 dark:border-green-800 dark:hover:bg-green-900/50;
}
.garden-badge--cultivate {
@apply bg-emerald-100 text-emerald-800 border-emerald-200 hover:bg-emerald-200
dark:bg-emerald-900/30 dark:text-emerald-300 dark:border-emerald-800 dark:hover:bg-emerald-900/50;
}
.garden-badge--question {
@apply bg-yellow-100 text-yellow-800 border-yellow-200 hover:bg-yellow-200
dark:bg-yellow-900/30 dark:text-yellow-300 dark:border-yellow-800 dark:hover:bg-yellow-900/50;
}
.garden-badge--repot {
@apply bg-orange-100 text-orange-800 border-orange-200 hover:bg-orange-200
dark:bg-orange-900/30 dark:text-orange-300 dark:border-orange-800 dark:hover:bg-orange-900/50;
}
.garden-badge--revitalize {
@apply bg-purple-100 text-purple-800 border-purple-200 hover:bg-purple-200
dark:bg-purple-900/30 dark:text-purple-300 dark:border-purple-800 dark:hover:bg-purple-900/50;
}
.garden-badge--revisit {
@apply bg-blue-100 text-blue-800 border-blue-200 hover:bg-blue-200
dark:bg-blue-900/30 dark:text-blue-300 dark:border-blue-800 dark:hover:bg-blue-900/50;
}
}
/* Digital Garden index page — post card in garden listing */
@layer components {
.garden-post-card {
@apply p-3 rounded-lg border border-surface-200 dark:border-surface-700
hover:border-surface-300 dark:hover:border-surface-600
hover:bg-surface-50 dark:hover:bg-surface-800/50
transition-colors;
}
}