Proper Label Top Padding

mecha-cms · Apr 28, 2024 · d4988bd · d4988bd
1 parent 6d7795a
commit d4988bd
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 1 deletion.
diff --git a/.factory/index.css.scss b/.factory/index.css.scss
@@ -151,6 +151,10 @@ label {
   user-select: none;
 }
 
+p > label {
+  line-height: calc(2rem - 2px);
+}
+
 dfn,
 em,
 var {

diff --git a/index.css b/index.css
@@ -167,6 +167,30 @@ details summary {
   user-select: none;
 }
 
+p > label,
+p > select,
+p > input[type=checkbox],
+p > button[type=checkbox],
+p > [type=checkbox][role=button],
+p > input[type=file],
+p > button[type=file],
+p > [type=file][role=button],
+p > input[type=radio],
+p > button[type=radio],
+p > [type=radio][role=button],
+p > input[type=range],
+p > button[type=range],
+p > [type=range][role=button],
+p > input[type=color],
+p > button[type=color],
+p > [type=color][role=button],
+p > input[type=image],
+p > button[type=image],
+p > [type=image][role=button],
+details p > summary {
+  line-height: calc(2rem - 2px);
+}
+
 dl,
 ol,
 ul {
-Original file line number
+Diff line change
@@ Expand Up / @@ -151,6 +151,10 @@ label { @@
       user-select: none;
     }
+    p > label {
+      line-height: calc(2rem - 2px);
+    }
     dfn,
     em,
     var {
@@ Expand Down @@