From 998b63a35256ac985a5a2714dd1ca451af4dfd8a Mon Sep 17 00:00:00 2001 From: Fuwn Date: Wed, 9 Oct 2024 00:41:20 -0700 Subject: chore(prettier): use spaces instead of tabs --- static/styles/risotto/about.css | 14 ++-- static/styles/risotto/colours.css | 26 +++---- static/styles/risotto/footer.css | 4 +- static/styles/risotto/header.css | 16 ++-- static/styles/risotto/layout.css | 58 +++++++-------- static/styles/risotto/logo.css | 32 ++++---- static/styles/risotto/risotto.css | 4 +- static/styles/risotto/typography.css | 138 +++++++++++++++++------------------ 8 files changed, 146 insertions(+), 146 deletions(-) (limited to 'static/styles/risotto') diff --git a/static/styles/risotto/about.css b/static/styles/risotto/about.css index f93c940d..4c86d76d 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 43269856..4f8e4208 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 a0438f34..afd0b24b 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 24f1a0e7..3a2e86de 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 d7dbe23f..f26b4cc9 100644 --- a/static/styles/risotto/layout.css +++ b/static/styles/risotto/layout.css @@ -1,57 +1,57 @@ /* 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 82dc568e..2be8ab09 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 8fc0568c..9c5a3132 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 7f0d1d99..6dc1c581 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'; - font-weight: 400; + content: '\f099'; + font-family: 'Font Awesome 5 Brands'; + 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; } -- cgit v1.2.3