Mirrors/continuwuity
1
0
Fork 0
mirror of https://forgejo.ellis.link/continuwuation/continuwuity.git synced 2026-05-26 20:49:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve styles

Browse Source
This commit is contained in:
Jade Ellis
2024-06-16 17:31:01 +01:00
parent f234f9005c
commit 57916e9b90
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/website/src/lib/styles.css
+15 -7
View File
@@ -7,7 +7,7 @@
--background-color: #f8f8f8; --background-color: #f8f8f8;
--surface-color: #fff; --surface-color: #fff;
--surface-secondary-color: #ededed; --surface-secondary-color: #ededed;
--input-background-color: #fff; --input-background-color: #fff;
--input-color: #24292e; --input-color: #24292e;
--backdrop-color: rgba(247, 247, 247, .54); --backdrop-color: rgba(247, 247, 247, .54);
@@ -22,7 +22,7 @@
--font-family-heading: "Sen", Roboto, sans-serif; --font-family-heading: "Sen", Roboto, sans-serif;
--border-radius: 8px; --border-radius: 8px;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@@ -34,7 +34,7 @@
--shadow-color: rgba(255, 255, 255, .12); --shadow-color: rgba(255, 255, 255, .12);
--surface-color: #242424; --surface-color: #242424;
--surface-secondary-color: #222222; --surface-secondary-color: #222222;
--input-background-color: #161616; --input-background-color: #161616;
--input-color: #d8d8d8; --input-color: #d8d8d8;
--font-color: rgba(255, 255, 255, .87); --font-color: rgba(255, 255, 255, .87);
@@ -84,16 +84,16 @@ svg {
height: 100%; height: 100%;
display: block; display: block;
} }
.container { .container {
--container-max-width: var(--page-width); --container-max-width: var(--page-width);
--padding-x: var(--spacing); --padding-x: var(--spacing);
max-width: calc(var(--container-max-width) + 2*var(--padding-x)); max-width: calc(var(--container-max-width) + 2*var(--padding-x));
/* width: 100%; */ /* width: 100%; */
margin-inline: auto; margin-inline: auto;
padding-inline: var(--padding-x); padding-inline: var(--padding-x);
} }
.main { .main {
/* margin: 0 auto; */ /* margin: 0 auto; */
--edge-border-radius: var(--border-radius); --edge-border-radius: var(--border-radius);
@@ -125,4 +125,12 @@ svg {
height: 1px; height: 1px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
} }
.screen-reader-only:focus {
clip: auto;
width: auto;
height: auto;
white-space: normal;
overflow: visible;
}