Merge pull request #2601 from Automattic/fix/spearhead-accessibility-typo

Spearhead: fix import error

spearhead/assets/sass/_search.scss

@@ -1,3 +1,6 @@
+// Import screen reader classes from Seedlet.
+@import "../../../seedlet/assets/sass/base/accessibility";
+
 .search-results {
     .site-main > * {
         padding: var(--global--spacing-vertical) 0;

spearhead/assets/sass/style.scss

@@ -14,7 +14,6 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 */
 
 @import "../../../seedlet/assets/sass/abstracts/mixins";
-@import "../../../seedlet/assets/sass/base/accesibility";
 @import "breakpoints";
 @import "responsive";
 @import "posts-and-pages";

spearhead/style-rtl.css

@@ -30,47 +30,6 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	}
 }
 
-/* Text meant only for screen readers. */
-.screen-reader-text, .search-form input[type="submit"] {
-	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
-	clip-path: inset(50%);
-	height: 1px;
-	margin: -1px;
-	overflow: hidden;
-	padding: 0;
-	position: absolute !important;
-	width: 1px;
-	word-wrap: normal !important;
-	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
-}
-
-.screen-reader-text:focus, .search-form input:focus[type="submit"] {
-	background-color: var(--global--color-background);
-	border-radius: 3px;
-	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-	clip: auto !important;
-	clip-path: none;
-	color: var(--global--color-foreground);
-	display: block;
-	font-size: var(--global--font-size-md);
-	font-weight: bold;
-	height: auto;
-	right: 5px;
-	line-height: normal;
-	padding: 15px 23px 14px;
-	text-decoration: none;
-	top: 5px;
-	width: auto;
-	z-index: 100000;
-	/* Above WP toolbar. */
-}
-
-/* Do not show the outline on the skip link target. */
-#content[tabindex="-1"]:focus {
-	outline: 0;
-}
-
 .archive .post .entry-title,
 .home .post .entry-title {
 	font-size: var(--global--font-size-lg);
@@ -351,6 +310,47 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	text-transform: uppercase;
 }
 
+.screen-reader-text, .search-form input[type="submit"] {
+	/* Text meant only for screen readers. */
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute !important;
+	width: 1px;
+	word-wrap: normal !important;
+	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
+}
+
+.screen-reader-text:focus, .search-form input:focus[type="submit"] {
+	background-color: var(--global--color-background);
+	border-radius: 3px;
+	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+	clip: auto !important;
+	clip-path: none;
+	color: var(--global--color-foreground);
+	display: block;
+	font-size: var(--global--font-size-md);
+	font-weight: bold;
+	height: auto;
+	right: 5px;
+	line-height: normal;
+	padding: 15px 23px 14px;
+	text-decoration: none;
+	top: 5px;
+	width: auto;
+	z-index: 100000;
+	/* Above WP toolbar. */
+}
+
+/* Do not show the outline on the skip link target. */
+#content[tabindex="-1"]:focus {
+	outline: 0;
+}
+
 .search-results .site-main > * {
 	padding: var(--global--spacing-vertical) 0;
 }

spearhead/style.css

@@ -30,47 +30,6 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	}
 }
 
-/* Text meant only for screen readers. */
-.screen-reader-text, .search-form input[type="submit"] {
-	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
-	clip-path: inset(50%);
-	height: 1px;
-	margin: -1px;
-	overflow: hidden;
-	padding: 0;
-	position: absolute !important;
-	width: 1px;
-	word-wrap: normal !important;
-	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
-}
-
-.screen-reader-text:focus, .search-form input:focus[type="submit"] {
-	background-color: var(--global--color-background);
-	border-radius: 3px;
-	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-	clip: auto !important;
-	clip-path: none;
-	color: var(--global--color-foreground);
-	display: block;
-	font-size: var(--global--font-size-md);
-	font-weight: bold;
-	height: auto;
-	left: 5px;
-	line-height: normal;
-	padding: 15px 23px 14px;
-	text-decoration: none;
-	top: 5px;
-	width: auto;
-	z-index: 100000;
-	/* Above WP toolbar. */
-}
-
-/* Do not show the outline on the skip link target. */
-#content[tabindex="-1"]:focus {
-	outline: 0;
-}
-
 .archive .post .entry-title,
 .home .post .entry-title {
 	font-size: var(--global--font-size-lg);
@@ -351,6 +310,47 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	text-transform: uppercase;
 }
 
+.screen-reader-text, .search-form input[type="submit"] {
+	/* Text meant only for screen readers. */
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute !important;
+	width: 1px;
+	word-wrap: normal !important;
+	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
+}
+
+.screen-reader-text:focus, .search-form input:focus[type="submit"] {
+	background-color: var(--global--color-background);
+	border-radius: 3px;
+	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+	clip: auto !important;
+	clip-path: none;
+	color: var(--global--color-foreground);
+	display: block;
+	font-size: var(--global--font-size-md);
+	font-weight: bold;
+	height: auto;
+	left: 5px;
+	line-height: normal;
+	padding: 15px 23px 14px;
+	text-decoration: none;
+	top: 5px;
+	width: auto;
+	z-index: 100000;
+	/* Above WP toolbar. */
+}
+
+/* Do not show the outline on the skip link target. */
+#content[tabindex="-1"]:focus {
+	outline: 0;
+}
+
 .search-results .site-main > * {
 	padding: var(--global--spacing-vertical) 0;
 }