summaryrefslogtreecommitdiff
path: root/public/css/modules
diff options
context:
space:
mode:
authorJoe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>2023-10-20 13:45:52 +0100
committerGitHub <noreply@github.com>2023-10-20 13:45:52 +0100
commit58a6b29df62f95f68baa0fcc7c8b5b053d409ea6 (patch)
tree46ffa547685292dc2907da64275f514ea25a68f4 /public/css/modules
parent958457be8626148a9559716caf032bb54c10bbdc (diff)
parentb2e3ed96b703f49af556d641eae57c1c4fcd8db0 (diff)
Merge pull request #20 from Sycamost/dev
Dev
Diffstat (limited to 'public/css/modules')
-rw-r--r--public/css/modules/btn.css38
-rw-r--r--public/css/modules/committee.css9
-rw-r--r--public/css/modules/committee.md.css16
-rw-r--r--public/css/modules/committee.xl.css15
-rw-r--r--public/css/modules/footer.css28
-rw-r--r--public/css/modules/index.css16
-rw-r--r--public/css/modules/link-gallery.css41
-rw-r--r--public/css/modules/link-gallery.xs.css21
-rw-r--r--public/css/modules/link.css42
-rw-r--r--public/css/modules/nav.css77
-rw-r--r--public/css/modules/nav.lg.css15
-rw-r--r--public/css/modules/nav.md.css11
-rw-r--r--public/css/modules/nav.xs.css19
-rw-r--r--public/css/modules/news-index.css31
-rw-r--r--public/css/modules/product.css20
-rw-r--r--public/css/modules/schedule.css13
-rw-r--r--public/css/modules/schedule.md.css16
-rw-r--r--public/css/modules/skip-to-content.css13
18 files changed, 0 insertions, 441 deletions
diff --git a/public/css/modules/btn.css b/public/css/modules/btn.css
deleted file mode 100644
index 142463c..0000000
--- a/public/css/modules/btn.css
+++ /dev/null
@@ -1,38 +0,0 @@
-.btn {
- display: block;
- box-sizing: border-box;
- color: var(--text-color);
- border: solid var(--relative-eighth-rem) var(--text-color);
- font-weight: 500;
- text-align: center;
- margin-block-start: var(--margin-block-sm);
- padding-inline: var(--padding-inline-md);
- padding-block: var(--padding-block-sm);
- background-color: transparent;
- transition:
- background-color 100ms,
- font-weight 100ms,
- transform 100ms;
-}
-
-.btn:is(:hover, :focus, :focus-visible, :focus-within, :active) {
- box-shadow: none;
- outline: none;
- color: var(--text-highlight-color);
- border-color: var(--background-highlight-color);
- background-color: var(--background-highlight-color);
- font-weight: 700;
- transition:
- background-color 300ms,
- font-weight 300ms,
- transform 300ms;
-}
-
-.btn:is(:focus, :focus-visible, :focus-within) {
- border-color: var(--special-text-highlight-color);
- border-style: dotted;
-}
-
-.btn:active {
- transform: scale(1.1, 1.1);
-} \ No newline at end of file
diff --git a/public/css/modules/committee.css b/public/css/modules/committee.css
deleted file mode 100644
index 8817fc1..0000000
--- a/public/css/modules/committee.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.committee__member {
- margin-block-start: var(--margin-block-sm);
-}
-
-.committee__member__img {
- margin-inline: calc(var(--grid-column-width) + var(--grid-gutter-width));
- width: calc(var(--grid-gutter-width) + 2 * var(--grid-column-width));
- border-radius: 50%;
-} \ No newline at end of file
diff --git a/public/css/modules/committee.md.css b/public/css/modules/committee.md.css
deleted file mode 100644
index 83ca252..0000000
--- a/public/css/modules/committee.md.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.committee__member {
- display: grid;
- grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
- grid-template-rows: 1fr;
- column-gap: var(--grid-gutter-width);
-}
-
-.committee__member__img {
- grid-column: 1 / 3;
- margin-block: auto;
- margin-inline: 0;
-}
-
-.committee__member__text {
- grid-column: 3 / calc(3 + var(--grid-prose-column-count) - 2);
-} \ No newline at end of file
diff --git a/public/css/modules/committee.xl.css b/public/css/modules/committee.xl.css
deleted file mode 100644
index 94d8429..0000000
--- a/public/css/modules/committee.xl.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.committee__member {
- display: grid;
- grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
- grid-template-rows: 1fr;
- column-gap: var(--grid-gutter-width);
-}
-
-.committee__member__img {
- grid-column: 1 / 3;
- margin-block: auto;
-}
-
-.committee__member__text {
- grid-column: 3 / min(11, calc(var(--grid-column-count) + 1));
-} \ No newline at end of file
diff --git a/public/css/modules/footer.css b/public/css/modules/footer.css
deleted file mode 100644
index 0d1a896..0000000
--- a/public/css/modules/footer.css
+++ /dev/null
@@ -1,28 +0,0 @@
-footer {
- display: grid;
- grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
- gap: var(--grid-gutter-width);
- align-items: baseline;
-}
-
-.footer__rss-button__label {
- /* Hides the label from non-screen-readers */
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- border-width: 0;
-}
-
-.footer__rss-button__img {
- min-width: 44px;
- width: calc(8 * var(--relative-eighth-rem));
-}
-
-.footer__back-to-top {
- grid-column: calc(var(--grid-column-count) - 2) / calc(var(--grid-column-count) + 1);
-} \ No newline at end of file
diff --git a/public/css/modules/index.css b/public/css/modules/index.css
deleted file mode 100644
index d33754f..0000000
--- a/public/css/modules/index.css
+++ /dev/null
@@ -1,16 +0,0 @@
-@import './btn.css';
-@import './link.css';
-@import './news-index.css';
-@import './product.css';
-@import './schedule.css';
-@import './schedule.md.css' (min-width: 48rem);
-@import './link-gallery.css';
-@import './link-gallery.xs.css' (min-width: 16rem);
-@import './nav.css';
-@import './nav.xs.css' (min-width: 16rem);
-@import './nav.md.css' (min-width: 48rem);
-@import './nav.lg.css' (min-width: 64rem);
-@import './skip-to-content.css';
-@import './committee.css';
-@import './committee.md.css' (min-width: 48rem);
-@import './footer.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);
-}
diff --git a/public/css/modules/link-gallery.xs.css b/public/css/modules/link-gallery.xs.css
deleted file mode 100644
index b2bf86c..0000000
--- a/public/css/modules/link-gallery.xs.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.link-gallery {
- grid-auto-rows: calc(
- var(--gallery-row-image-height) +
- var(--margin-block-sm) +
- var(--gallery-row-title-height)
- );
- --gallery-item-column-span: 2;
- --gallery-row-title-height: 11ex;
- text-align: center;
-}
-
-.link-gallery__title {
- width: 100%;
- height: 9.9ex;
- height: 3lh;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 3;
- -webkit-box-orient: vertical;
- overflow: hidden;
-}
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);
-}
-
diff --git a/public/css/modules/nav.css b/public/css/modules/nav.css
deleted file mode 100644
index 44ec5c6..0000000
--- a/public/css/modules/nav.css
+++ /dev/null
@@ -1,77 +0,0 @@
-.nav > :not(:last-child) {
- margin-block-end: var(--margin-block-sm);
-}
-
-.nav__bottom-row {
- display: flex;
- flex-direction: column;
-}
-
-.nav__nav-links {
- display: grid;
- grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
- column-gap: var(--grid-gutter-width);
-}
-
-.nav__nav-links li {
- margin: 0;
-}
-
-.nav__logo {
- font-family: var(--font-serif);
- font-size: var(--font-size-5);
- font-weight: 700;
-
- /* This gradient is based on *
- * --color-primary-60 -> --color-secondary-60 *
- * using Josh W Comeau's gradient generator */
- width: fit-content;
- background-image: linear-gradient(
- 45deg,
- hsl(248deg 100% 75%) 0%,
- hsl(227deg 100% 70%) 24%,
- hsl(211deg 100% 58%) 40%,
- hsl(205deg 100% 50%) 51%,
- hsl(202deg 100% 49%) 60%,
- hsl(200deg 100% 47%) 66%,
- hsl(197deg 100% 44%) 70%,
- hsl(194deg 100% 41%) 73%,
- hsl(190deg 100% 38%) 76%,
- hsl(186deg 100% 35%) 79%,
- hsl(181deg 100% 33%) 84%,
- hsl(177deg 100% 32%) 100%
- );
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
-}
-
-.nav__logo a {
- text-decoration: none;
- border: var(--relative-eighth-rem) dotted transparent;
- transition: border-color 100ms;
-}
-
-.nav__logo a:is(:focus, :focus-visible, :focus-within) {
- box-shadow: none;
- outline: none;
- border-color: var(--special-text-color);
- transition: border-color 300ms;
-}
-
-.nav__breadcrumbs {
- display: flex;
- flex-wrap: wrap;
-}
-
-.nav__breadcrumbs li {
- list-style-type: none;
- min-width: max-content;
-}
-
-.nav__breadcrumbs li::before {
- content: '/'
-}
-
-.nav__switch-language-link {
- text-align: right;
-}
diff --git a/public/css/modules/nav.lg.css b/public/css/modules/nav.lg.css
deleted file mode 100644
index c47a685..0000000
--- a/public/css/modules/nav.lg.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.nav__bottom-row {
- flex-direction: row;
- justify-content: space-between;
- align-items: baseline;
- padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2));
- gap: var(--spacing-inline-xs);
-}
-
-.nav__nav-links li:nth-child(4) {
- grid-column: 8 / 10;
-}
-
-.nav__nav-links li:nth-child(5) {
- grid-column: 10 / 12;
-}
diff --git a/public/css/modules/nav.md.css b/public/css/modules/nav.md.css
deleted file mode 100644
index c3f4a18..0000000
--- a/public/css/modules/nav.md.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.nav__nav-links li:nth-child(3) {
- grid-column: 5 / 8;
-}
-
-.nav__nav-links li:nth-child(4) {
- grid-column: 1 / 3;
-}
-
-.nav__nav-links li:nth-child(5) {
- grid-column: 3 / 5;
-} \ No newline at end of file
diff --git a/public/css/modules/nav.xs.css b/public/css/modules/nav.xs.css
deleted file mode 100644
index 708652c..0000000
--- a/public/css/modules/nav.xs.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.nav__nav-links li:nth-child(1) {
- grid-column: 1 / 3;
-}
-
-.nav__nav-links li:nth-child(2) {
- grid-column: 3 / 5;
-}
-
-.nav__nav-links li:nth-child(3) {
- grid-column: 1 / 4;
-}
-
-.nav__nav-links li:nth-child(4) {
- grid-column: 1 / 3;
-}
-
-.nav__nav-links li:nth-child(5) {
- grid-column: 3 / 5;
-}
diff --git a/public/css/modules/news-index.css b/public/css/modules/news-index.css
deleted file mode 100644
index 0050f70..0000000
--- a/public/css/modules/news-index.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.news-index__item {
- display: block;
- box-sizing: border-box;
- border: var(--relative-eighth-rem) solid var(--text-color);
- transition: background 100ms;
- padding-block: var(--margin-block-md);
- padding-inline: var(--padding-inline-sm);
- width: var(--width-prose);
-}
-
-.news-index__item:not(:first-child) {
- border-top-width: 0;
-}
-
-.news-index__item:is(:hover, :focus, :focus-visible, :focus-within) {
- outline: none;
- box-shadow: none;
- color: var(--text-highlight-color);
- border-color: var(--background-highlight-color);
- background: var(--background-highlight-color);
- transition-duration: 300ms;
-}
-
-.news-index__item:is(:hover, :focus, :focus-visible, :focus-within) .link {
- color: var(--special-text-highlight-color);
-}
-
-.news-index__item:is(:focus, :focus-visible, :focus-within) {
- border-color: var(--special-text-highlight-color);
- border-style: dotted;
-} \ No newline at end of file
diff --git a/public/css/modules/product.css b/public/css/modules/product.css
deleted file mode 100644
index 32fa37f..0000000
--- a/public/css/modules/product.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.product__header-block {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-evenly;
- gap: var(--spacing-inline-sm);
-}
-
-.product__action-block {
- display: flex;
- flex-direction: column;
- margin-inline: auto;
- width: fit-content;
- gap: var(--margin-block-sm);
-}
-
-.product__action-block img {
- max-width: 12rem;
- width: 100%;
- height: auto;
-}
diff --git a/public/css/modules/schedule.css b/public/css/modules/schedule.css
deleted file mode 100644
index 140767c..0000000
--- a/public/css/modules/schedule.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.schedule:not(:first-child) {
- margin-block-start: var(--margin-block-sm);
-}
-
-.schedule dt {
- font-weight: 700;
- margin-block-start: var(--margin-block-sm);
- text-align: center;
-}
-
-.schedule dd {
- text-align: center;
-}
diff --git a/public/css/modules/schedule.md.css b/public/css/modules/schedule.md.css
deleted file mode 100644
index 9ccfb0b..0000000
--- a/public/css/modules/schedule.md.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.schedule {
- display: grid;
- grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
- column-gap: var(--grid-gutter-width);
-}
-
-.schedule dt {
- grid-column: 1 / 3;
- margin: 0;
- text-align: end;
-}
-
-.schedule dd {
- grid-column: 3 / calc(1 + var(--grid-prose-column-count));
- text-align: start;
-}
diff --git a/public/css/modules/skip-to-content.css b/public/css/modules/skip-to-content.css
deleted file mode 100644
index a752b29..0000000
--- a/public/css/modules/skip-to-content.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.skip-to-content {
- position: absolute;
- left: var(--grid-padding);
- top: -10rem;
- opacity: 0;
- transition: top 300ms, opacity 300ms;
-}
-
-.skip-to-content:is(:focus, :focus-visible, :focus-within) {
- top: var(--margin-block-md);
- opacity: 1;
- transition: top 100ms;
-} \ No newline at end of file