aboutsummaryrefslogtreecommitdiff
path: root/static/styles/risotto
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-10-09 00:41:20 -0700
committerFuwn <[email protected]>2024-10-09 00:41:43 -0700
commit998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch)
tree50796121a9d5ab0330fdc5d7e098bda2860d9726 /static/styles/risotto
parentfeat(graphql): add badgeCount field (diff)
downloaddue.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.tar.xz
due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.zip
chore(prettier): use spaces instead of tabs
Diffstat (limited to 'static/styles/risotto')
-rw-r--r--static/styles/risotto/about.css14
-rw-r--r--static/styles/risotto/colours.css26
-rw-r--r--static/styles/risotto/footer.css4
-rw-r--r--static/styles/risotto/header.css16
-rw-r--r--static/styles/risotto/layout.css58
-rw-r--r--static/styles/risotto/logo.css32
-rw-r--r--static/styles/risotto/risotto.css4
-rw-r--r--static/styles/risotto/typography.css138
8 files changed, 146 insertions, 146 deletions
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;
}