diff options
| author | Fuwn <[email protected]> | 2026-03-01 16:20:51 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-03-01 16:21:02 -0800 |
| commit | eae5d24d9e79e59a19d4721caaeaa0ca650ecb33 (patch) | |
| tree | 1b685bb248e051dfa26d2bfdebe6689402dd93c5 /static/styles/risotto | |
| parent | chore(tooling): remove legacy eslint and prettier (diff) | |
| download | due.moe-eae5d24d9e79e59a19d4721caaeaa0ca650ecb33.tar.xz due.moe-eae5d24d9e79e59a19d4721caaeaa0ca650ecb33.zip | |
chore(biome): drop formatter style overrides
Diffstat (limited to 'static/styles/risotto')
| -rw-r--r-- | static/styles/risotto/about.css | 14 | ||||
| -rw-r--r-- | static/styles/risotto/colours.css | 26 | ||||
| -rw-r--r-- | static/styles/risotto/footer.css | 4 | ||||
| -rw-r--r-- | static/styles/risotto/header.css | 16 | ||||
| -rw-r--r-- | static/styles/risotto/layout.css | 61 | ||||
| -rw-r--r-- | static/styles/risotto/logo.css | 32 | ||||
| -rw-r--r-- | static/styles/risotto/risotto.css | 4 | ||||
| -rw-r--r-- | static/styles/risotto/typography.css | 138 |
8 files changed, 149 insertions, 146 deletions
diff --git a/static/styles/risotto/about.css b/static/styles/risotto/about.css index 4c86d76d..f93c940d 100644 --- a/static/styles/risotto/about.css +++ b/static/styles/risotto/about.css @@ -1,26 +1,26 @@ /* About/bio section */ .about__logo { - height: 1.5rem; + height: 1.5rem; } .about__title { - display: inline; - vertical-align: top; + display: inline; + vertical-align: top; } .about__title::before { - content: none; + content: none; } /* Social media links */ .aside__social-links { - padding: 0; + padding: 0; } .aside__social-links li { - display: inline-block; + display: inline-block; } .aside__social-links li::marker { - content: none; + content: none; } diff --git a/static/styles/risotto/colours.css b/static/styles/risotto/colours.css index 4f8e4208..43269856 100644 --- a/static/styles/risotto/colours.css +++ b/static/styles/risotto/colours.css @@ -1,17 +1,17 @@ :root { - /* Background */ - --bg: var(--base00); - --off-bg: var(--base01); - --inner-bg: var(--base02); + /* Background */ + --bg: var(--base00); + --off-bg: var(--base01); + --inner-bg: var(--base02); - /* Text */ - --fg: var(--base05); - --off-fg: var(--base04); - --muted: var(--base03); - --link: var(--base0D); - --hover: var(--base0C); - --highlight: var(--base0A); + /* Text */ + --fg: var(--base05); + --off-fg: var(--base04); + --muted: var(--base03); + --link: var(--base0D); + --hover: var(--base0C); + --highlight: var(--base0A); - /* Logo */ - --logo: var(--base0B); + /* Logo */ + --logo: var(--base0B); } diff --git a/static/styles/risotto/footer.css b/static/styles/risotto/footer.css index afd0b24b..a0438f34 100644 --- a/static/styles/risotto/footer.css +++ b/static/styles/risotto/footer.css @@ -1,7 +1,7 @@ .page__footer { - color: var(--off-fg); + color: var(--off-fg); } .page__footer p { - margin: 0; + margin: 0; } diff --git a/static/styles/risotto/header.css b/static/styles/risotto/header.css index cbe69168..6a0fe12a 100644 --- a/static/styles/risotto/header.css +++ b/static/styles/risotto/header.css @@ -1,17 +1,17 @@ /* Main menu */ .main-nav ul { - display: flex; - flex-flow: row wrap; - justify-content: flex-start; - margin: 0; - padding: 0.25rem 0; + display: flex; + flex-flow: row wrap; + justify-content: flex-start; + margin: 0; + padding: 0.25rem 0; } .main-nav li { - margin-left: 2.5rem; - text-transform: lowercase; + margin-left: 2.5rem; + text-transform: lowercase; } .main-nav li::marker { - content: "./"; + content: "./"; } diff --git a/static/styles/risotto/layout.css b/static/styles/risotto/layout.css index 78423b40..99e99656 100644 --- a/static/styles/risotto/layout.css +++ b/static/styles/risotto/layout.css @@ -1,57 +1,60 @@ /* 1rem = 16px by default */ .page { - max-width: 64rem; - margin: 1rem auto; - display: grid; - grid-template-areas: - "header" - "body" - "aside" - "footer"; - grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */ - grid-row-gap: 2rem; + max-width: 64rem; + margin: 1rem auto; + display: grid; + grid-template-areas: + "header" + "body" + "aside" + "footer"; + grid-template-columns: minmax( + 0, + 1fr + ); /* https://css-tricks.com/preventing-a-grid-blowout/ */ + grid-row-gap: 2rem; } @media (min-width: 45rem) { - .page { - grid-template-areas: - "header header" - "body aside" - "footer footer"; - grid-template-columns: minmax(0, 1fr) 15rem; - grid-column-gap: 2rem; - } + .page { + grid-template-areas: + "header header" + "body aside" + "footer footer"; + grid-template-columns: minmax(0, 1fr) 15rem; + grid-column-gap: 2rem; + } } /* Header */ .page__header { - grid-area: header; - display: flex; + grid-area: header; + display: flex; } .page__logo { - flex-shrink: 0; + flex-shrink: 0; } .page__nav { - flex-grow: 1; + flex-grow: 1; } /* Body + aside */ .page__body { - grid-area: body; - background-color: var(--off-bg); - box-shadow: 0 0 0 1rem var(--off-bg); - overflow-wrap: break-word; + grid-area: body; + background-color: var(--off-bg); + box-shadow: 0 0 0 1rem var(--off-bg); + overflow-wrap: break-word; } .page__aside { - grid-area: aside; - color: var(--off-fg); + grid-area: aside; + color: var(--off-fg); } /* Footer */ .page__footer { - grid-area: footer; + grid-area: footer; } diff --git a/static/styles/risotto/logo.css b/static/styles/risotto/logo.css index 7c72f471..56418598 100644 --- a/static/styles/risotto/logo.css +++ b/static/styles/risotto/logo.css @@ -1,38 +1,38 @@ .page__logo { - padding: 0; - margin: 0; - font-weight: inherit; - color: var(--bg); + padding: 0; + margin: 0; + font-weight: inherit; + color: var(--bg); } .page__logo:before { - content: none; + content: none; } .page__logo-inner { - display: block; - background: var(--logo); - opacity: 0.9; - padding: 0.25rem; + display: block; + background: var(--logo); + opacity: 0.9; + padding: 0.25rem; } a.page__logo-inner:link, a.page__logo-inner:visited { - color: inherit; - text-decoration: inherit; + color: inherit; + text-decoration: inherit; } a.page__logo-inner:hover, a.page__logo-inner:active { - opacity: 1; + opacity: 1; } .page__logo-inner:before { - content: "["; - color: var(--bg); + content: "["; + color: var(--bg); } .page__logo-inner:after { - content: "] $"; - color: var(--bg); + content: "] $"; + color: var(--bg); } diff --git a/static/styles/risotto/risotto.css b/static/styles/risotto/risotto.css index 47842f05..dcb39266 100644 --- a/static/styles/risotto/risotto.css +++ b/static/styles/risotto/risotto.css @@ -7,6 +7,6 @@ @import "footer.css"; body { - background-color: var(--bg); - color: var(--fg); + background-color: var(--bg); + color: var(--fg); } diff --git a/static/styles/risotto/typography.css b/static/styles/risotto/typography.css index e56fb203..64a6ba26 100644 --- a/static/styles/risotto/typography.css +++ b/static/styles/risotto/typography.css @@ -1,12 +1,12 @@ /* Fonts */ :root { - --font-monospace: "Fira Mono", monospace; + --font-monospace: "Fira Mono", monospace; } body { - font-family: var(--font-monospace); - font-size: 16px; - line-height: 1.5rem; + font-family: var(--font-monospace); + font-size: 16px; + line-height: 1.5rem; } /* Headings */ @@ -16,9 +16,9 @@ h3, h4, h5, h6 { - font-size: 12px; - margin: 1.5rem 0 0 0; - font-weight: 600; + font-size: 12px; + margin: 1.5rem 0 0 0; + font-weight: 600; } h1 + h2, @@ -36,26 +36,26 @@ h3 + h6, h4 + h5, h4 + h6, h5 + h6 { - margin: 0; + margin: 0; } h1:before { - content: "# "; + content: "# "; } h2:before { - content: "## "; + content: "## "; } h3:before { - content: "### "; + content: "### "; } h4:before { - content: "#### "; + content: "#### "; } h5:before { - content: "##### "; + content: "##### "; } h6:before { - content: "###### "; + content: "###### "; } h1:before, @@ -64,93 +64,93 @@ h3:before, h4:before, h5:before, h6:before { - color: var(--muted); + color: var(--muted); } h1:first-child { - margin-top: 0; + margin-top: 0; } /* Paragraphs */ p { - margin: 0 0 1.5rem 0; + margin: 0 0 1.5rem 0; } /* Links */ a:link, a:visited { - color: var(--link); + color: var(--link); } a:hover, a:active, a.active { - color: var(--hover); + color: var(--hover); } /* Lists */ ul { - margin: 0 0 1.5rem 0; - padding-left: 1.25rem; + margin: 0 0 1.5rem 0; + padding-left: 1.25rem; } ol { - margin: 0 0 1.5rem 0; - padding-left: 1.75rem; + margin: 0 0 1.5rem 0; + padding-left: 1.75rem; } ul ul, ul ol, ol ul, ol ol { - margin: 0; + margin: 0; } ul li::marker { - content: "∗\00A0"; - color: var(--muted); + content: "∗\00A0"; + color: var(--muted); } ol li::marker { - color: var(--muted); + color: var(--muted); } dt { - margin: 0; - font-weight: bold; + margin: 0; + font-weight: bold; } dd { - margin: 0 0 0 1.5rem; - font-style: italic; + margin: 0 0 0 1.5rem; + font-style: italic; } dd + dt { - margin-top: 1.5rem; + margin-top: 1.5rem; } dl { - margin: 0 0 1.5rem 0; + margin: 0 0 1.5rem 0; } /* Blockquotes */ blockquote { - position: relative; - margin: 0 0 1.5rem 1.5rem; + position: relative; + margin: 0 0 1.5rem 1.5rem; } blockquote::before { - position: absolute; - left: -1.5rem; - content: ">"; - color: var(--muted); + position: absolute; + left: -1.5rem; + content: ">"; + color: var(--muted); } .twitter-tweet::before { - content: "\f099"; - font-family: "Font Awesome 5 Brands", sans-serif; - font-weight: 400; + content: "\f099"; + font-family: "Font Awesome 5 Brands", sans-serif; + font-weight: 400; } /* Code */ @@ -158,74 +158,74 @@ pre, code, kbd, samp { - background: var(--inner-bg) !important; - font-family: var(--font-monospace); - color: var(--off-fg); + background: var(--inner-bg) !important; + font-family: var(--font-monospace); + color: var(--off-fg); } pre { - overflow-x: auto; - padding: 1.5rem; - margin: 0 0 1.5rem 0; + overflow-x: auto; + padding: 1.5rem; + margin: 0 0 1.5rem 0; } /* Emphasis */ b, strong { - font-weight: 600; + font-weight: 600; } /* Highlighting */ ::selection, mark { - background-color: var(--highlight); - color: var(--bg); + background-color: var(--highlight); + color: var(--bg); } /* Other typographic elements */ hr { - border: 0; - margin-bottom: 1.5rem; + border: 0; + margin-bottom: 1.5rem; } hr:after { - content: "---"; - color: var(--muted); + content: "---"; + color: var(--muted); } /* Prevent super/sub from affecting line height */ sup, sub { - vertical-align: baseline; - position: relative; - top: -0.25rem; - font-size: unset; + vertical-align: baseline; + position: relative; + top: -0.25rem; + font-size: unset; } sub { - top: 0.25rem; + top: 0.25rem; } /* Tables */ table { - border-spacing: 0; - margin: 0 0 1.5rem 0; - overflow-wrap: anywhere; + border-spacing: 0; + margin: 0 0 1.5rem 0; + overflow-wrap: anywhere; } th, td { - padding: 0 0.75rem; - vertical-align: top; + padding: 0 0.75rem; + vertical-align: top; } th:first-child, td:first-child { - padding-left: 0; + padding-left: 0; } th { - text-align: inherit; + text-align: inherit; } /* Figures */ img { - max-width: 100%; - height: auto; + max-width: 100%; + height: auto; } |