Remove tag loops in reset.scss since comma does not increase selector specificity

Author: ahmetsait

scss/reset.scss

@@ -1,14 +1,10 @@
 @layer reset {
-	$tags: 'a', 'abbr', 'address', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'blockquote', 'body', 'canvas', 'caption', 'cite', 'code', 'data', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'hgroup', 'html', 'i', 'iframe', 'img', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'mark', 'menu', 'nav', 'object', 'ol', 'output', 'p', 'picture', 'pre', 'q', 'ruby', 's', 'samp', 'search', 'section', 'small', 'span', 'strong', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'u', 'ul', 'var', 'video';
-
-	@each $tag in $tags {
-		#{$tag} {
-			margin: 0;
-			padding: 0;
-			border: 0;
-			font: inherit;
-			vertical-align: baseline;
-		}
+	a, abbr, address, article, aside, audio, b, bdi, bdo, blockquote, body, canvas, caption, cite, code, data, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, picture, pre, q, ruby, s, samp, search, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, track, u, ul, var, video {
+		margin: 0;
+		padding: 0;
+		border: 0;
+		font: inherit;
+		vertical-align: baseline;
 	}
 
 	// Set line height as 1 to avoid layout nonsense.
@@ -48,41 +44,37 @@
 		border-color: #808080;
 	}
 
-	$tags: 'button', 'input', 'select', 'textarea';
-
-	@each $tag in $tags {
-		#{$tag} {
-			margin: 0;
-			padding: 0;
-			color: inherit;
-			font: inherit;
-			line-height: inherit; // Seems to have no effect on <select> (and no effect on <input type="button"> in Chrome)
-			vertical-align: baseline;
-		}
+	button, input, select, textarea {
+		margin: 0;
+		padding: 0;
+		color: inherit;
+		font: inherit;
+		// line-height seems to have no effect on <select>
+		// and no effect on <input type="button"> in Chrome.
+		line-height: inherit;
+		vertical-align: baseline;
 	}
 
 	// Remove search cancel button in Safari and Chrome.
-
-	$tags: 'input[type="search"]::-webkit-search-cancel-button', 'input[type="search"]::-webkit-search-decoration', 'input[type="search"]::-webkit-search-results-button', 'input[type="search"]::-webkit-search-results-decoration';
-
-	@each $tag in $tags {
-		#{$tag} {
-			appearance: none;
-		}
+	input[type="search"]::-webkit-search-cancel-button,
+	input[type="search"]::-webkit-search-decoration,
+	input[type="search"]::-webkit-search-results-button,
+	input[type="search"]::-webkit-search-results-decoration {
+		appearance: none;
 	}
 
-	$tags: 'button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]';
-
-	@each $tag in $tags {
-		#{$tag} {
-			cursor: pointer; // Consistency of cursor style between <input type="image"> and others.
-			-webkit-appearance: button; // Correct the inability to style clickable types in iOS and Safari.
-		}
+	button, input[type="button"], input[type="reset"], input[type="submit"] {
+		// Consistency of cursor style between <input type="image"> and others.
+		cursor: pointer;
+		// Correct the inability to style clickable types in iOS and Safari.
+		-webkit-appearance: button;
 	}
 
 	::-webkit-file-upload-button {
-		-webkit-appearance: button; // Correct the inability to style clickable types in iOS and Safari.
-		font: inherit; // Change font properties to `inherit` in Safari.
+		// Correct the inability to style clickable types in iOS and Safari.
+		-webkit-appearance: button;
+		// Change font properties to `inherit` in Safari.
+		font: inherit;
 	}
 
 	::selection {