fix styling

.stylelintrc.json

@@ -8,6 +8,7 @@
   "rules": {
     "block-no-empty": null,
     "no-duplicate-selectors": null,
+    "no-descending-specificity": null,
     "font-family-no-duplicate-names": null,
     "declaration-block-no-duplicate-properties": [
       true,

sass/layout/_content-sidebar.scss

@@ -1,27 +1,27 @@
 .site {
-  display: grid;
-  grid-template-columns: auto ($size__site-sidebar);
-  grid-template-areas:
-    "header header"
-    "main sidebar"
-    "footer footer";
+	display: grid;
+	grid-template-columns: auto ($size__site-sidebar);
+	grid-template-areas:
+		"header header"
+		"main sidebar"
+		"footer footer";
 }
 
 .site-header {
-  grid-area: header;
+	grid-area: header;
 }
 
 .site-main {
-  grid-area: main;
-  overflow: hidden; /* Resolves issue with <pre> elements forcing full width. */
+	grid-area: main;
+	overflow: hidden; /* Resolves issue with <pre> elements forcing full width. */
 }
 
 .widget-area {
-  grid-area: sidebar;
+	grid-area: sidebar;
 }
 
 .site-footer {
-  grid-area: footer;
+	grid-area: footer;
 }
 
 @import "no-sidebar";

sass/shop/_components.scss

@@ -30,7 +30,9 @@
 	line-height: 1.618;
 	font-size: 1em;
 	width: 5.3em;
+	/* stylelint-disable font-family-no-missing-generic-family-keyword */
 	font-family: star;
+	/* stylelint-enable */
 	font-weight: 400;
 
 	&::before {
@@ -81,7 +83,9 @@ p.stars {
 			width: 1em;
 			height: 1em;
 			line-height: 1;
+			/* stylelint-disable font-family-no-missing-generic-family-keyword */
 			font-family: star;
+			/* stylelint-enable */
 			content: "\53";
 			color: $color__text-main;
 			text-indent: 0;

sass/typography/_copy.scss

@@ -1,53 +1,55 @@
 p {
-  margin-bottom: 1.5em;
+	margin-bottom: 1.5em;
 }
 
 dfn,
 cite,
 em,
 i {
-  font-style: italic;
+	font-style: italic;
 }
 
 blockquote {
-  margin: 0 1.5em;
+	margin: 0 1.5em;
 }
 
 address {
-  margin: 0 0 1.5em;
+	margin: 0 0 1.5em;
 }
 
 pre {
-  background: $color__background-pre;
-  @include font-pre;
-  font-size: 0.9375rem;
-  line-height: $font__line-height-pre;
-  margin-bottom: 1.6em;
-  max-width: 100%;
-  overflow: auto;
-  padding: 1.6em;
+	background: $color__background-pre;
+
+	@include font-pre;
+	font-size: 0.9375rem;
+	line-height: $font__line-height-pre;
+	margin-bottom: 1.6em;
+	max-width: 100%;
+	overflow: auto;
+	padding: 1.6em;
 }
 
 code,
 kbd,
 tt,
 var {
-  @include font-code;
-  font-size: 0.9375rem;
+
+	@include font-code;
+	font-size: 0.9375rem;
 }
 
 abbr,
 acronym {
-  border-bottom: 1px dotted $color__border-abbr;
-  cursor: help;
+	border-bottom: 1px dotted $color__border-abbr;
+	cursor: help;
 }
 
 mark,
 ins {
-  background: $color__background-ins;
-  text-decoration: none;
+	background: $color__background-ins;
+	text-decoration: none;
 }
 
 big {
-  font-size: 125%;
+	font-size: 125%;
 }

sass/typography/_typography.scss

@@ -4,10 +4,11 @@ input,
 select,
 optgroup,
 textarea {
-  color: $color__text-main;
-  @include font-body;
-  font-size: 1rem;
-  line-height: $font__line-height-body;
+	color: $color__text-main;
+
+	@include font-body;
+	font-size: 1rem;
+	line-height: $font__line-height-body;
 }
 
 @import "headings";