diff options
Diffstat (limited to 'examples/portfolio/src/components/Pill.astro')
| -rw-r--r-- | examples/portfolio/src/components/Pill.astro | 16 |
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> |