summaryrefslogtreecommitdiff
path: root/examples/with-nanostores/src/styles/global.css
diff options
context:
space:
mode:
Diffstat (limited to 'examples/with-nanostores/src/styles/global.css')
-rw-r--r--examples/with-nanostores/src/styles/global.css28
1 files changed, 28 insertions, 0 deletions
diff --git a/examples/with-nanostores/src/styles/global.css b/examples/with-nanostores/src/styles/global.css
new file mode 100644
index 000000000..e1a3a6bd1
--- /dev/null
+++ b/examples/with-nanostores/src/styles/global.css
@@ -0,0 +1,28 @@
+* {
+ box-sizing: border-box;
+ margin: 0;
+}
+
+:root {
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+ font-size: 1rem;
+ --user-font-scale: 1rem - 16px;
+ font-size: clamp(0.875rem, 0.4626rem + 1.0309vw + var(--user-font-scale), 1.125rem);
+}
+
+body {
+ padding: 4rem 2rem;
+ width: 100%;
+ min-height: 100vh;
+ display: grid;
+ justify-content: center;
+ background: #f9fafb;
+ color: #111827;
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ background: #111827;
+ color: #fff;
+ }
+}