From 47fd037a685439d954722aa8a319e300536b9d84 Mon Sep 17 00:00:00 2001 From: Devin Haska Date: Wed, 28 May 2025 17:07:12 -0700 Subject: [PATCH 1/3] feat: remove unused css --- src/includes/css/blocks/catalogue.css | 16 -------------- src/includes/css/blocks/image-placeholder.css | 13 ------------ src/includes/css/compositions/switcher.css | 21 ------------------- 3 files changed, 50 deletions(-) delete mode 100644 src/includes/css/blocks/catalogue.css delete mode 100644 src/includes/css/blocks/image-placeholder.css delete mode 100644 src/includes/css/compositions/switcher.css diff --git a/src/includes/css/blocks/catalogue.css b/src/includes/css/blocks/catalogue.css deleted file mode 100644 index fcb819f..0000000 --- a/src/includes/css/blocks/catalogue.css +++ /dev/null @@ -1,16 +0,0 @@ -.catalogue-list-item { - display: grid; - grid-template-columns: 1fr auto auto; - gap: var(--spacing-1); -} - -.catalogue-header h2 { - --flow-space: var(--spacing-0\.5); - transform: var(--text-skew); - color: var(--color-fadeText); -} - -.catalogue source, -.catalogue img { - max-width: 300px; -} diff --git a/src/includes/css/blocks/image-placeholder.css b/src/includes/css/blocks/image-placeholder.css deleted file mode 100644 index fa809a3..0000000 --- a/src/includes/css/blocks/image-placeholder.css +++ /dev/null @@ -1,13 +0,0 @@ -.image-placeholder { - background-color: var(--color-surface); - border-radius: var(--spacing-1); - width: 100%; - height: 100%; - font-size: 0.8em; - line-height: 1.125em; - display: flex; - align-items: center; - justify-content: center; - padding: var(--spacing-1); - text-align: center; -} diff --git a/src/includes/css/compositions/switcher.css b/src/includes/css/compositions/switcher.css deleted file mode 100644 index ea57801..0000000 --- a/src/includes/css/compositions/switcher.css +++ /dev/null @@ -1,21 +0,0 @@ -/* -SWITCHER -More info: https://every-layout.dev/layouts/switcher/ -A layout that allows you to lay **2** items next to each other -until there is not enough horizontal space to allow that. -*/ - -.switcher { - display: flex; - flex-wrap: wrap; -} - -.switcher > * { - flex-grow: 1; - flex-basis: calc((32rem - 100%) * 999); -} - -.switcher > :nth-last-child(n + 3), -.switcher > :nth-last-child(n + 3) ~ * { - flex-basis: 100%; -} -- 2.47.3 From 20e0061ff527643a92ce6e891b9cfd35cfc515e4 Mon Sep 17 00:00:00 2001 From: Devin Haska Date: Wed, 28 May 2025 17:09:37 -0700 Subject: [PATCH 2/3] feat: consolidate css --- src/includes/css/blocks/media-grid.css | 1 + src/includes/css/blocks/now.css | 18 ------------------ 2 files changed, 1 insertion(+), 18 deletions(-) delete mode 100644 src/includes/css/blocks/now.css diff --git a/src/includes/css/blocks/media-grid.css b/src/includes/css/blocks/media-grid.css index 6493bd3..e9cff48 100644 --- a/src/includes/css/blocks/media-grid.css +++ b/src/includes/css/blocks/media-grid.css @@ -4,6 +4,7 @@ display: grid; grid-template-columns: repeat(var(--column-count), minmax(0, 1fr)); + grid-gap: var(--spacing-0\.5); li { border: 1px solid var(--color-shadow); diff --git a/src/includes/css/blocks/now.css b/src/includes/css/blocks/now.css deleted file mode 100644 index 27cf39a..0000000 --- a/src/includes/css/blocks/now.css +++ /dev/null @@ -1,18 +0,0 @@ -/* - * From Every Layout - * GRID - * https://every-layout.dev/layouts/grid/ - */ - -.media-grid { - display: grid; - grid-gap: var(--spacing-0\.5); -} - -.media-grid.square { - grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr)); -} - -.media-grid.poster { - grid-template-columns: repeat(auto-fit, minmax(min(100px, 100%), 1fr)); -} -- 2.47.3 From e4c64cf31098061465cafee578d24288e5c86ec9 Mon Sep 17 00:00:00 2001 From: Devin Haska Date: Wed, 28 May 2025 17:21:29 -0700 Subject: [PATCH 3/3] chore: a bit more tidying up of css --- src/includes/css/global/variables.css | 23 +---------------------- src/includes/css/utilities/flex.css | 4 ---- src/includes/css/utilities/fonts.css | 4 ---- 3 files changed, 1 insertion(+), 30 deletions(-) diff --git a/src/includes/css/global/variables.css b/src/includes/css/global/variables.css index 88e0277..15cbe02 100644 --- a/src/includes/css/global/variables.css +++ b/src/includes/css/global/variables.css @@ -1,35 +1,14 @@ /* Global variables */ :root { --transition-duration: 250ms; - --transition-timing: ease; + --transition-bounce: cubic-bezier(0.3, 1.6, 0.35, 1.25); --color-white: white; --color-black: black; - --text-skew: skew(0deg, -1deg); - --font-weight-normal: 300; --font-weight-bold: 700; --font-weight-black: 900; --triangles: url('data:image/svg+xml;utf8,'); - - --transition-bounce: linear( - 0, - 0.544 5.5%, - 0.947 11.5%, - 1.213 18.1%, - 1.298 21.7%, - 1.352 25.5%, - 1.372 28.2%, - 1.379 31.1%, - 1.374 34.2%, - 1.357 37.6%, - 1.307 43.7%, - 1.121 61.8%, - 1.074 67.8%, - 1.04 73.7%, - 1.007 84.7%, - 1 - ); } diff --git a/src/includes/css/utilities/flex.css b/src/includes/css/utilities/flex.css index 45932a0..8c28f8c 100644 --- a/src/includes/css/utilities/flex.css +++ b/src/includes/css/utilities/flex.css @@ -27,10 +27,6 @@ flex-wrap: wrap; } -.flex-nowrap { - flex-wrap: nowrap; -} - .flex-1 { flex: 1; } diff --git a/src/includes/css/utilities/fonts.css b/src/includes/css/utilities/fonts.css index 8cf1615..fdc2576 100644 --- a/src/includes/css/utilities/fonts.css +++ b/src/includes/css/utilities/fonts.css @@ -33,7 +33,3 @@ .line-height-xl { line-height: 2rem; } - -.text-skew { - transform: var(--text-skew); -} -- 2.47.3