diff options
| author |  github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
| 2025-06-05 12:45:04 +0000 |
|---|---|---|
| committer | github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
| 2025-06-05 12:45:04 +0000 |
| commit | b4feb81355f9832c5698f81f8fdf33121e0189a5 (patch) | |
| tree | 5b326153146a75a1e99ce8df0f04832b8cc79868 /src/components/CartFlyout.module.css | |
| download | astro-examples/with-nanostores.tar.gz astro-examples/with-nanostores.tar.zst astro-examples/with-nanostores.zip | |
Sync from 0947a69192ad6820970902c7c951fb0cf31fcf4bexamples/with-nanostores
Diffstat (limited to 'src/components/CartFlyout.module.css')
| -rw-r--r-- | src/components/CartFlyout.module.css | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/src/components/CartFlyout.module.css b/src/components/CartFlyout.module.css new file mode 100644 index 000000000..cee43dd4c --- /dev/null +++ b/src/components/CartFlyout.module.css @@ -0,0 +1,29 @@ +.container { + position: fixed; + right: 0; + top: var(--nav-height); + height: 100vh; + background: var(--color-bg-2); + padding-inline: 2rem; + min-width: min(90vw, 300px); + border-left: 3px solid var(--color-bg-3); +} + +.list { + list-style: none; + padding: 0; +} + +.listItem { + display: flex; + gap: 1rem; + align-items: center; +} + +.listItem * { + margin-block: 0.3rem; +} + +.listItemImg { + width: 4rem; +} |