diff options
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/card.css | 8 | ||||
| -rw-r--r-- | src/styles/colours.css | 7 | ||||
| -rw-r--r-- | src/styles/input.css | 12 | ||||
| -rw-r--r-- | src/styles/typography.css | 15 |
4 files changed, 9 insertions, 33 deletions
diff --git a/src/styles/card.css b/src/styles/card.css index aca9e4e4..218f00df 100644 --- a/src/styles/card.css +++ b/src/styles/card.css @@ -13,16 +13,12 @@ details, } .header { - box-shadow: - rgba(0, 0, 11, 0.2) 0px 7px 29px 0px, - 0 0 0 5px var(--base02); + box-shadow: rgba(0, 0, 11, 0.2) 0px 7px 29px 0px, 0 0 0 5px var(--base02); } @media (prefers-color-scheme: light) { .header { - box-shadow: - rgba(100, 100, 111, 0.2) 0px 7px 29px 0px, - 0 0 0 5px var(--base02); + box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px, 0 0 0 5px var(--base02); } } diff --git a/src/styles/colours.css b/src/styles/colours.css index 2c55aa81..b7fc885d 100644 --- a/src/styles/colours.css +++ b/src/styles/colours.css @@ -43,9 +43,6 @@ } * { - transition: - color 0.15s ease-in-out, - background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, - box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } diff --git a/src/styles/input.css b/src/styles/input.css index b8ae7574..125f214f 100644 --- a/src/styles/input.css +++ b/src/styles/input.css @@ -11,9 +11,7 @@ textarea { border: none; border-radius: 4px; place-content: center; - transition: - background-color 0.15s ease-in-out, - transform 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out; /* box-shadow: 0 4px 30px var(--base01); */ box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px; } @@ -75,9 +73,7 @@ input[type='checkbox'] { margin: 0; width: 1.15em; height: 1.15em; - transition: - background-color 0.15s ease-in-out, - transform 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out; } input[type='checkbox']:checked { @@ -107,9 +103,7 @@ button { color: var(--base00); border: none; border-radius: 4px; - transition: - background-color 0.15s ease-in-out, - transform 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out; /* box-shadow: 0 4px 30px var(--base01); */ box-shadow: rgba(0, 0, 11, 0.1) 0px 7px 29px 0px; } diff --git a/src/styles/typography.css b/src/styles/typography.css index f33fdc92..70ee377b 100644 --- a/src/styles/typography.css +++ b/src/styles/typography.css @@ -3,19 +3,8 @@ @import url('https://proxy.due.moe/?q=https://fonts.googleapis.com/css?family=DM+Sans:400,500,600,700&display=swap'); body { - font-family: - 'DM Sans', - system-ui, - -apple-system, - BlinkMacSystemFont, - 'Segoe UI', - Roboto, - Oxygen, - Ubuntu, - Cantarell, - 'Open Sans', - 'Helvetica Neue', - sans-serif; + font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, + Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 1em; line-height: 1.5; /* font-weight: 300; */ |