diff options
Diffstat (limited to 'public/css/modules')
| -rw-r--r-- | public/css/modules/btn.css | 38 | ||||
| -rw-r--r-- | public/css/modules/committee.css | 9 | ||||
| -rw-r--r-- | public/css/modules/committee.md.css | 16 | ||||
| -rw-r--r-- | public/css/modules/committee.xl.css | 15 | ||||
| -rw-r--r-- | public/css/modules/footer.css | 28 | ||||
| -rw-r--r-- | public/css/modules/index.css | 16 | ||||
| -rw-r--r-- | public/css/modules/link-gallery.css | 41 | ||||
| -rw-r--r-- | public/css/modules/link-gallery.xs.css | 21 | ||||
| -rw-r--r-- | public/css/modules/link.css | 42 | ||||
| -rw-r--r-- | public/css/modules/nav.css | 77 | ||||
| -rw-r--r-- | public/css/modules/nav.lg.css | 15 | ||||
| -rw-r--r-- | public/css/modules/nav.md.css | 11 | ||||
| -rw-r--r-- | public/css/modules/nav.xs.css | 19 | ||||
| -rw-r--r-- | public/css/modules/news-index.css | 31 | ||||
| -rw-r--r-- | public/css/modules/product.css | 20 | ||||
| -rw-r--r-- | public/css/modules/schedule.css | 13 | ||||
| -rw-r--r-- | public/css/modules/schedule.md.css | 16 | ||||
| -rw-r--r-- | public/css/modules/skip-to-content.css | 13 |
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 |
