Refactor line-heights

NicolaSaunders · NicolaSaunders · commit 04bee1e3e248 · 2025-08-12T15:10:02.000+01:00
diff --git a/assets-src/styles/sass/30-base/_forms.scss b/assets-src/styles/sass/30-base/_forms.scss
@@ -105,7 +105,7 @@ textarea,
 	border: 2px solid;
 	border-radius: 0;
     inline-size: 100%;
-	line-height: 1.25;
+	//line-height: 1.25;
 	padding: rem(5);
 
 	&:focus {
@@ -158,7 +158,7 @@ select {
 	border: 2px solid;
 	border-radius: 0;
     inline-size: 100%;
-	line-height: 1.25;
+	//line-height: 1.25;
 	padding: rem(5);
 
 	&:focus {
diff --git a/assets-src/styles/sass/30-base/_typography.scss b/assets-src/styles/sass/30-base/_typography.scss
@@ -7,7 +7,6 @@ body {
 	font-size: var(--w3c-text-0);
 	font-style: $font-style;
 	font-weight: $font-weight;
-	line-height: 1.5;
 }
 
 
@@ -18,6 +17,7 @@ body {
 
 h1, h2, h3, h4, h5, h6 {
 	font-weight: $emphasis;
+	line-height: 1.2;
 	// margin: 0 0 1rem;
 }
 
diff --git a/assets-src/styles/sass/50-core-components/_archive-banner.scss b/assets-src/styles/sass/50-core-components/_archive-banner.scss
@@ -44,7 +44,7 @@
 	#archive-banner .archive-banner__message h2 {
 		display: block;
 		font-size: var(--w3c-text-1);
-		line-height: calc(32 / 19);
+		//line-height: calc(32 / 19);
 	}
 
 	#archive-banner .archive-banner__message h3 {
diff --git a/assets-src/styles/sass/50-core-components/_comments.scss b/assets-src/styles/sass/50-core-components/_comments.scss
@@ -82,7 +82,7 @@
 .comment__author {
 	font-size: var(--w3c-text-0);
 	font-weight: bold;
-	line-height: calc(32 / 24);
+	//line-height: calc(32 / 24);
 }
 
 .comment__body {
diff --git a/assets-src/styles/sass/50-core-components/_navigation.scss b/assets-src/styles/sass/50-core-components/_navigation.scss
@@ -189,7 +189,7 @@ li.top-nav-item + li.top-nav-item {
 	@include mq($max-width) {
         block-size: 100%;
 		font-size: var(--w3c-text-0);
-		line-height: rem(27);
+		//line-height: rem(27);
 		padding: rem(10) rem(5) rem(7) !important;
 		position: relative;
 		white-space: nowrap;
diff --git a/assets-src/styles/sass/50-core-components/_toc.scss b/assets-src/styles/sass/50-core-components/_toc.scss
@@ -21,7 +21,7 @@
 }
 
 .toc ul {
-    line-height: 1em;
+    //line-height: 1em;
     padding-inline-start: rem(15);
 
     ul {
diff --git a/assets-src/styles/sass/60-advanced-components/_collapsibles.scss b/assets-src/styles/sass/60-advanced-components/_collapsibles.scss
@@ -13,7 +13,7 @@
 		font-size: var(--w3c-text-0);
 		font-weight: bold;
         inline-size: 100%;
-		line-height: calc(27 / 18);
+		//line-height: calc(27 / 18);
 		justify-content: space-between;
 		// margin-block-start: 0;
 		padding: rem(3);
@@ -22,7 +22,7 @@
 			font-size: var(--w3c-text-01);
 			font-weight: normal;
             inline-size: 100%;
-			line-height: calc(22.5 / 15);
+			//line-height: calc(22.5 / 15);
 			color: #333;
 			order: 2;
 		}
diff --git a/assets-src/styles/sass/60-advanced-components/_navigation.scss b/assets-src/styles/sass/60-advanced-components/_navigation.scss
@@ -108,7 +108,7 @@
 	display: flex;
 	font-size: var(--w3c-text-0);
     inline-size: 100%;
-	line-height: inherit;
+	//line-height: inherit;
 	outline: solid 1px transparent;
 	outline-offset: -1px;
 	padding: rem(12) 0;
@@ -205,7 +205,7 @@
 
 		@include mq($max-width) {
 			//font-size: rem(34);
-			line-height: calc(43 / 34);
+			//line-height: calc(43 / 34);
 			margin-block-end: rem(25);
             margin-block-start: 0;
 		}
diff --git a/assets-src/styles/sass/70-third-party-plugins/_accessible-autocomplete.scss b/assets-src/styles/sass/70-third-party-plugins/_accessible-autocomplete.scss
@@ -128,7 +128,7 @@
 .autocomplete__hint,
 .autocomplete__input,
 .autocomplete__option {
-	line-height: 1.25;
+	//line-height: 1.25;
 }
 
 .autocomplete__hint,
diff --git a/assets-src/styles/sass/80-templates/_listing.scss b/assets-src/styles/sass/80-templates/_listing.scss
@@ -32,7 +32,7 @@
 	.groups .sidebar h3 {
 		font-size: var(--w3c-text-0);
 		font-weight: normal;
-		line-height: rem(44);
+		//line-height: rem(44);
 	}
 }
 

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,6 @@ body {`
`7`	`7`	`font-size: var(--w3c-text-0);`
`8`	`8`	`font-style: $font-style;`
`9`	`9`	`font-weight: $font-weight;`
`10`		`- line-height: 1.5;`
`11`	`10`	`}`
`12`	`11`
`13`	`12`
`@@ -18,6 +17,7 @@ body {`
`18`	`17`
`19`	`18`	`h1, h2, h3, h4, h5, h6 {`
`20`	`19`	`font-weight: $emphasis;`
	`20`	`+ line-height: 1.2;`
`21`	`21`	`// margin: 0 0 1rem;`
`22`	`22`	`}`
`23`	`23`
Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@`
`44`	`44`	`#archive-banner .archive-banner__message h2 {`
`45`	`45`	`display: block;`
`46`	`46`	`font-size: var(--w3c-text-1);`
`47`		`- line-height: calc(32 / 19);`
	`47`	`+ //line-height: calc(32 / 19);`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`#archive-banner .archive-banner__message h3 {`
Original file line number	Diff line number	Diff line change
`@@ -82,7 +82,7 @@`
`82`	`82`	`.comment__author {`
`83`	`83`	`font-size: var(--w3c-text-0);`
`84`	`84`	`font-weight: bold;`
`85`		`- line-height: calc(32 / 24);`
	`85`	`+ //line-height: calc(32 / 24);`
`86`	`86`	`}`
`87`	`87`
`88`	`88`	`.comment__body {`
Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`.toc ul {`
`24`		`- line-height: 1em;`
	`24`	`+ //line-height: 1em;`
`25`	`25`	`padding-inline-start: rem(15);`
`26`	`26`
`27`	`27`	`ul {`
Original file line number	Diff line number	Diff line change
`@@ -128,7 +128,7 @@`
`128`	`128`	`.autocomplete__hint,`
`129`	`129`	`.autocomplete__input,`
`130`	`130`	`.autocomplete__option {`
`131`		`- line-height: 1.25;`
	`131`	`+ //line-height: 1.25;`
`132`	`132`	`}`
`133`	`133`
`134`	`134`	`.autocomplete__hint,`
Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@`
`32`	`32`	`.groups .sidebar h3 {`
`33`	`33`	`font-size: var(--w3c-text-0);`
`34`	`34`	`font-weight: normal;`
`35`		`- line-height: rem(44);`
	`35`	`+ //line-height: rem(44);`
`36`	`36`	`}`
`37`	`37`	`}`
`38`	`38`