diff options
Diffstat (limited to 'examples/with-nanostores/src/styles/home.css')
-rw-r--r-- | examples/with-nanostores/src/styles/home.css | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/examples/with-nanostores/src/styles/home.css b/examples/with-nanostores/src/styles/home.css new file mode 100644 index 000000000..280398c17 --- /dev/null +++ b/examples/with-nanostores/src/styles/home.css @@ -0,0 +1,39 @@ +:root { + --font-mono: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', + 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; + --color-light: #f3f4f6; +} + +@media (prefers-color-scheme: dark) { + :root { + --color-light: #1f2937; + } +} + +a { + color: inherit; +} + +header > div { + font-size: clamp(2rem, -0.4742rem + 6.1856vw, 2.75rem); +} + +header > div { + display: flex; + flex-direction: column; + align-items: center; +} + +header h1 { + font-size: 1em; + font-weight: 500; +} +header img { + width: 2em; + height: 2.667em; +} + +h2 { + font-weight: 500; + font-size: clamp(1.5rem, 1rem + 1.25vw, 2rem); +} |