diff --git a/components/Button.module.css b/components/Button.module.css index 93ebcab1..db11799d 100644 --- a/components/Button.module.css +++ b/components/Button.module.css @@ -17,6 +17,16 @@ cursor: pointer; } +.button:focus, +.link:focus { + box-shadow: 0 0 0 calc(4rem / 16) var(--secondary-accent); +} + +.small.button:focus, +.small.link:focus { + box-shadow: 0 0 0 calc(3rem / 16) var(--secondary-accent); +} + .link { text-decoration: none; } diff --git a/components/Footer.module.css b/components/Footer.module.css index 337a419f..b9c378c7 100644 --- a/components/Footer.module.css +++ b/components/Footer.module.css @@ -1,8 +1,7 @@ .footer { box-sizing: border-box; background: var(--primary-heading); - height: calc(66rem / 16); - padding: calc(14rem / 16) 0; + padding: 1rem 0; width: 100%; } @@ -30,12 +29,14 @@ @media only screen and (max-width: calc(768rem / 16)) { .footer { - height: calc(120rem / 16); + padding: 2rem 0; + height: unset; } .container { flex-direction: column-reverse; justify-content: space-around; + gap: 1rem; padding: 0 calc(24rem / 16); } } diff --git a/components/MiniEventCard.module.css b/components/MiniEventCard.module.css index 59e1bbec..e398a611 100644 --- a/components/MiniEventCard.module.css +++ b/components/MiniEventCard.module.css @@ -45,6 +45,14 @@ list-style: none; } +.card > summary::marker { + display: none; +} + +.card > summary::-webkit-details-marker { + display: none; +} + .dropDownIcon { fill: var(--primary-accent); } diff --git a/pages/events/[year]/[term]/index.module.css b/pages/events/[year]/[term]/index.module.css index 65cb415a..22a91b07 100644 --- a/pages/events/[year]/[term]/index.module.css +++ b/pages/events/[year]/[term]/index.module.css @@ -1,9 +1,9 @@ .main { - margin-top: calc(60rem / 16); - margin-bottom: calc(60rem / 16); + margin: calc(60rem / 16) 0; } -.main > h1, .main > section > h1 { +.main > h1, +.main > section > h1 { padding-bottom: calc(16rem / 16); border-bottom: calc(1rem / 16) solid var(--primary-heading); } @@ -34,3 +34,19 @@ .main > .miniEventCards { margin-top: 0; } + +@media only screen and (max-width: calc(768rem / 16)) { + .main { + margin: calc(30rem / 16) 0; + } + + .header { + flex-direction: column; + justify-content: center; + align-items: center; + } + + .header a { + margin: unset; + } +} diff --git a/pages/index.module.css b/pages/index.module.css index 61e6ff52..e260dc8d 100644 --- a/pages/index.module.css +++ b/pages/index.module.css @@ -47,6 +47,7 @@ font-family: "Futura", "sans-serif"; font-size: calc(33rem / 16); text-align: center; + white-space: nowrap; color: var(--primary-heading); } @@ -151,6 +152,7 @@ .clubTitle { margin: calc(8rem / 16) 0; font-size: calc(20rem / 16); + white-space: unset; } .clubDescription { diff --git a/pages/resources/advice/co-op.module.css b/pages/resources/advice/co-op.module.css index 8ee91ad4..b1a0807d 100644 --- a/pages/resources/advice/co-op.module.css +++ b/pages/resources/advice/co-op.module.css @@ -18,7 +18,7 @@ } .adviceBarContainer > a { - padding-right: calc(48rem / 16); + margin-right: calc(48rem / 16); color: var(--text); } @@ -46,6 +46,16 @@ a.currentAdvice { text-align: center; } + .adviceBarContainer { + flex-direction: column; + justify-content: center; + align-items: center; + } + + .adviceBarContainer > a { + margin: unset; + } + .codey { width: calc(140rem / 16); }