From 4d3010e3bec04cd5f6d22ba0890cfe096af7e5ea Mon Sep 17 00:00:00 2001 From: Niccolo Borgioli Date: Sun, 5 Feb 2023 13:43:37 +0100 Subject: [PATCH] example style --- examples/index.html | 22 +++++++++++++++++----- 1 file changed, 17 insertions(+), 5 deletions(-) diff --git a/examples/index.html b/examples/index.html index 4b0fd42..bcb8f43 100644 --- a/examples/index.html +++ b/examples/index.html @@ -10,17 +10,24 @@ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } + h1 { + margin: 0; + margin-bottom: 1rem; + } + section { text-align: center; max-width: 25em; - margin: 1em auto; + margin: 2em auto; padding: 1em; background-color: #f3f3f3; - border-radius: 0.5em; + border-radius: 2rem; box-shadow: 0 8px 16px -16px rgba(0, 0, 0, 0.5); + border: 0.2rem solid #bae8ee; } - input { + input, + select { font-size: 1.25em; display: block; padding: 0.5em 1em; @@ -28,7 +35,7 @@ border-radius: 1em; width: 100%; outline: none; - border: 0.15em solid white; + border: 0.2rem solid #bae8ee; } input:focus, @@ -44,12 +51,17 @@ display: inline; width: initial; } + + form { + margin: 0; + padding: 0; + }
-

Open the console to see the submitted data

+ Open the console to see the submitted data