summaryrefslogtreecommitdiff
path: root/examples/with-nanostores/src/styles/home.css
diff options
context:
space:
mode:
Diffstat (limited to 'examples/with-nanostores/src/styles/home.css')
-rw-r--r--examples/with-nanostores/src/styles/home.css39
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);
+}