aboutsummaryrefslogtreecommitdiff
path: root/examples/portfolio/src/components/Pill.astro
diff options
context:
space:
mode:
authorGravatar github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> 2025-06-05 14:25:23 +0000
committerGravatar github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> 2025-06-05 14:25:23 +0000
commite586d7d704d475afe3373a1de6ae20d504f79d6d (patch)
tree7e3fa24807cebd48a86bd40f866d792181191ee9 /examples/portfolio/src/components/Pill.astro
downloadastro-e586d7d704d475afe3373a1de6ae20d504f79d6d.tar.gz
astro-e586d7d704d475afe3373a1de6ae20d504f79d6d.tar.zst
astro-e586d7d704d475afe3373a1de6ae20d504f79d6d.zip
Sync from a8e1c0a7402940e0fc5beef669522b315052df1blatest
Diffstat (limited to 'examples/portfolio/src/components/Pill.astro')
-rw-r--r--examples/portfolio/src/components/Pill.astro16
1 files changed, 16 insertions, 0 deletions
diff --git a/examples/portfolio/src/components/Pill.astro b/examples/portfolio/src/components/Pill.astro
new file mode 100644
index 000000000..2c410faa0
--- /dev/null
+++ b/examples/portfolio/src/components/Pill.astro
@@ -0,0 +1,16 @@
+<div class="pill"><slot /></div>
+
+<style>
+ .pill {
+ display: flex;
+ padding: 0.5rem 1rem;
+ gap: 0.5rem;
+ color: var(--accent-text-over);
+ border: 1px solid var(--accent-regular);
+ background-color: var(--accent-regular);
+ border-radius: 999rem;
+ font-size: var(--text-md);
+ line-height: 1.35;
+ white-space: nowrap;
+ }
+</style>