#61 updates atoms-molecules/base.css

thinkshout · Feb 29, 2024 · 67a6549 · 67a6549
1 parent f36bf2f
commit 67a6549
Showing 1 changed file with 29 additions and 35 deletions.
diff --git 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;
+	}
 }