Move label styles from reset to form.

frjo · Apr 23, 2024 · 2a809d9 · 2a809d9
1 parent b1ecbbe
commit 2a809d9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 deletions.
diff --git a/assets/sass/_reset.scss b/assets/sass/_reset.scss
@@ -62,22 +62,13 @@ select {
   max-width: 100%;
 }
 
-label {
-  display: block;
-  font-weight: var(--fw-bold);
-}
-
 [type='search'] {
   @include respond-to(s) {
     // Correct the odd appearance in Safari on desktop.
     -webkit-appearance: textfield;
   }
 }
 
-// Text-level semantics
-//
-// The elements in this section give semantics to inline text.
-
 // Code
 
 code,

diff --git a/assets/sass/base/forms/_forms.scss b/assets/sass/base/forms/_forms.scss
@@ -13,8 +13,11 @@ select {
   @include margin-block(0 1);
 }
 
-// Mark field as required if needed.
 label {
+  display: block;
+  font-weight: var(--fw-bold);
+
+  // Mark field as required if needed.
   &:has(+ :required) {
     &::after {
       content: '*';
@@ -23,7 +26,7 @@ label {
   }
 }
 
-// Set max text line width in main for readability.
+// Set max text line width for readability.
 input,
 label,
 textarea,