diff --git a/assets/css/atoms-molecules/base.css b/assets/css/atoms-molecules/base.css index b2aa3b80a..99ce307fc 100644 --- a/assets/css/atoms-molecules/base.css +++ b/assets/css/atoms-molecules/base.css @@ -6,72 +6,66 @@ @custom-media --reduce-motion (prefers-reduced-motion: reduce); html { - background-color: var(--color-neutral-05); + background-color: var(--color-neutral-05); } body { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - text-rendering: optimizeSpeed; - width: 100%; - max-width: var(--screen-site-max-width); - min-height: 100vh; - background-color: var(--color-white); - margin-inline: auto; - @media (--bp-2xl) { - padding-right: var(--spacer-base); - padding-left: var(--spacer-base); - } + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeSpeed; + width: 100%; + min-height: 100vh; + margin-inline: auto; } strong { - @apply font-bold; + @apply font-bold; } /* * Form Styles */ fieldset { - border: unset; + border: unset; } input { - font-size: var(--font-size-base); - line-height: var(--lh-12); - font-weight: var(--font-weight-book); + font-size: var(--font-size-base); + line-height: var(--lh-12); + font-weight: var(--font-weight-book); } /* * Tabular Data Styles */ table { - text-align: left; - width: 100%; + text-align: left; + width: 100%; } td, th { - padding: var(--spacer-2xs) var(--spacer-xs); + padding: var(--spacer-2xs) var(--spacer-xs); - @media (--bp-md) { - padding: var(--spacer-xs) var(--spacer-sm); - } + @media (--bp-md) { + padding: var(--spacer-xs) var(--spacer-sm); + } } /* * Reduce Animations for Those that Prefer It */ @media (--reduce-motion) { - html:focus-within { - scroll-behavior: auto; - } + html:focus-within { + scroll-behavior: auto; + } - *, - *::before, - *::after { - animation-duration: 0.01ms !important; - animation-iteration-count: 1 !important; - transition-duration: 0.01ms !important; - scroll-behavior: auto !important; - } + *, + *::before, + *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } }