From a1cabdeaaf3bade1bd0872bcafc52c81f1c31ce8 Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Thu, 19 Oct 2023 23:13:30 +0100 Subject: Optimise CSS (#17) * Installs Sass * installs concurrently * Ports CSS to SCSS * Gitignores CSS build output * Moves public/main.css to scss/index.scss * Fixes port to SCSS * Use-ifies base styles * Use-ifies layout styles * Use-ifies modules styles * Use-ifies variables * Use-ifies utils * Moves normalize to scss * Implements a CSS minifying step with CSSO --------- Co-authored-by: Joe Carstairs --- public/css/modules/link-gallery.css | 41 ------------------------------------- 1 file changed, 41 deletions(-) delete mode 100644 public/css/modules/link-gallery.css (limited to 'public/css/modules/link-gallery.css') diff --git a/public/css/modules/link-gallery.css b/public/css/modules/link-gallery.css deleted file mode 100644 index d9f9514..0000000 --- a/public/css/modules/link-gallery.css +++ /dev/null @@ -1,41 +0,0 @@ -.link-gallery { - display: grid; - grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width)); - gap: var(--grid-gutter-width); - padding-block: var(--margin-block-md); - --gallery-item-column-span: 1; - --gallery-row-image-height: 12rem; - --gallery-row-title-height: fit-content; - text-align: center; -} - -.link-gallery li { - grid-column: span var(--gallery-item-column-span); -} - -.link-gallery__container { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: var(--gallery-row-image-height) var(--gallery-row-title-height); - row-gap: var(--margin-block-sm); -} - -.link-gallery--furthsettins img { - box-sizing: border-box; - border-radius: 50%; - border: solid calc(2 * var(--relative-eighth-rem)) var(--text-color); -} - -.link-gallery img { - max-width: 100%; - max-height: 100%; - margin: auto; - height: auto; -} - -.link-gallery__title { - width: 100%; - height: min-content; - text-align: center; - margin-inline: var(--spacing-inline-xs); -} -- cgit v1.2.3