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.css | 42 ------------------------------------------ 1 file changed, 42 deletions(-) delete mode 100644 public/css/modules/link.css (limited to 'public/css/modules/link.css') diff --git a/public/css/modules/link.css b/public/css/modules/link.css deleted file mode 100644 index d225e9d..0000000 --- a/public/css/modules/link.css +++ /dev/null @@ -1,42 +0,0 @@ -.link { - color: var(--special-text-color); - text-decoration-line: underline; - text-decoration-color: var(--special-text-color); - text-decoration-thickness: var(--relative-eighth-rem); - text-underline-offset: var(--relative-eighth-rem); - border: dotted transparent var(--relative-eighth-rem); - border-radius: calc(3 * var(--relative-eighth-rem)); - transition: - color 100ms, - text-decoration-color 100ms, - text-decoration-thickness 100ms, - text-underline-offset 100ms, - border-color 100ms, - text-shadow 100ms; -} - -.link:is(:hover, :focus, :focus-visible, :focus-within), -.group-hover:is(:hover, :focus, :focus-visible, :focus-within) .link { - text-decoration-color: currentColor; - text-decoration-thickness: calc(4 * var(--relative-eighth-rem)); - text-underline-offset: calc(3 * var(--relative-eighth-rem)); - text-shadow: - 0 1px 0 currentColor, - 1px 0 0 currentColor, - 1px 0 0 currentColor, - 0 1px 0 currentColor; - transition: - color 300ms, - text-decoration-color 300ms, - text-decoration-thickness 300ms, - text-underline-offset 300ms, - border-color 300ms, - text-shadow 300ms; -} - -.link:focus, .link:focus-visible { - box-shadow: none; - outline: none; - border-color: var(--special-text-color); -} - -- cgit v1.2.3