From 534074e66ae8dbb5d134d08346220fb05442617c Mon Sep 17 00:00:00 2001 From: Joe Carstairs Date: Mon, 1 Jul 2024 13:59:26 +0100 Subject: No CSS nesting --- website/public/css/base.css | 89 ++++++++++++++++++++++----------------------- 1 file changed, 43 insertions(+), 46 deletions(-) (limited to 'website/public/css/base.css') diff --git a/website/public/css/base.css b/website/public/css/base.css index 5697a09..2d9c2c6 100644 --- a/website/public/css/base.css +++ b/website/public/css/base.css @@ -80,14 +80,14 @@ small { body { margin-inline: var(--spacing-block-lg); margin-block-end: var(--spacing-block-xl); +} - :is(h1, h2, h3, h4, h5, h6) { - text-align: center; - } +:is(h1, h2, h3, h4, h5, h6) { + text-align: center; +} - img { - margin-inline: auto; - } +img { + margin-inline: auto; } @media (min-width: 36rem) { @@ -102,20 +102,20 @@ body { margin-inline-end: 6rem; column-gap: var(--spacing-block-sm); max-width: calc(6rem + var(--spacing-block-sm) + 30rem); + } - :is(main, article, nav) { - display: grid; - grid-column: media-start / content-end; - grid-template-columns: subgrid; - } + :is(main, article, nav) { + display: grid; + grid-column: media-start / content-end; + grid-template-columns: subgrid; + } - :is(section, header, aside) { - grid-column: content-start / content-end; - } + :is(section, header, aside) { + grid-column: content-start / content-end; + } - :is(h1, h2, h3, h4, h5, h6) { - text-align: start; - } + :is(h1, h2, h3, h4, h5, h6) { + text-align: start; } } @@ -144,56 +144,53 @@ a:is(:link, :visited) { color: var(--colour-hyperlink); text-decoration: underline; display: inline; +} - :hover { - text-decoration: wavy; - } +a:hover { + text-decoration: wavy; } /** Definition lists */ dl { margin-block-start: var(--spacing-block-md); - dt { - font-weight: bold; +dl dt { + font-weight: bold; +} - dd + & { - margin-block-start: var(--spacing-block-md); - } - } +dl dd + dt { + margin-block-start: var(--spacing-block-md); } /** Navigation bar */ nav { margin-block: var(--spacing-block-sm); +} - ul { - grid-column: media-start / content-end; - display: flex; - justify-content: center; - gap: var(--spacing-inline-md); - list-style: none; - } +nav ul { + grid-column: media-start / content-end; + display: flex; + justify-content: center; + gap: var(--spacing-inline-md); + list-style: none; } @media (min-width: 36rem) { nav { display: grid; grid-template-columns: subgrid; + } - ul { - justify-content: end; - } + nav ul { + justify-content: end; } } /** Blog feed */ -.h-feed { - ul { - list-style: none; - } +.h-feed ul { + list-style: none; } /** Block quotes */ @@ -201,14 +198,14 @@ blockquote { padding-inline-start: var(--spacing-inline-lg); border-inline-start: 2px solid var(--colour-primary-fg); font-style: italic; +} - footer { - font-style: initial; - } + blockquote footer { + font-style: initial; +} - :is(em, i) { - font-style: normal; - } +blockquote :is(em, i) { + font-style: normal; } /** Small caps */ -- cgit v1.2.3 From 6a3f332471b65b6d12ff740968b20e2be02ce08e Mon Sep 17 00:00:00 2001 From: Joe Carstairs Date: Mon, 1 Jul 2024 14:11:36 +0100 Subject: Adds missing end bracket --- website/public/css/base.css | 1 + 1 file changed, 1 insertion(+) (limited to 'website/public/css/base.css') diff --git a/website/public/css/base.css b/website/public/css/base.css index 2d9c2c6..981fbed 100644 --- a/website/public/css/base.css +++ b/website/public/css/base.css @@ -153,6 +153,7 @@ a:hover { /** Definition lists */ dl { margin-block-start: var(--spacing-block-md); +} dl dt { font-weight: bold; -- cgit v1.2.3