removing funky characters, subbed 'outline' for 'border'

forstisabella · forstisabella · commit 37e4be666301 · 2022-12-30T14:31:26.000-05:00
diff --git a/src/_layouts/default.html b/src/_layouts/default.html
@@ -80,7 +80,7 @@
   <link rel="stylesheet" href="{{ '/assets/algolia.css' | relative_url }}">
 </head>
 <body>
-  <a href="#{{ page.title | downcase | split:" " | join:"-" }}" class="skiplink">Skip to main content</a>
+  <a href="#{{ page.title | remove:':' | remove:'?' | remove:'(' | remove:')' | remove:',' | remove:'&' | replace:"'", "-"| replace:'.', '-' | downcase | split:' ' | join:"-" }}" class="skiplink">Skip to main content</a>
   <div id="consent-manager"></div>
   {{ content }}
   <a class="back-scrolling" data-back-scrolling data-active-class="back-scrolling--active">
diff --git a/src/_sass/components/_markdown.scss b/src/_sass/components/_markdown.scss
@@ -398,7 +398,7 @@ tr.show {
 }
 
 .skiplink:focus-visible {
-  border: 4px solid color(secondary);
+  outline: 4px solid color(secondary);
   padding: 2px;
   color: color(secondary);
   position: static;

Original file line number	Diff line number	Diff line change
`@@ -398,7 +398,7 @@ tr.show {`
`398`	`398`	`}`
`399`	`399`
`400`	`400`	`.skiplink:focus-visible {`
`401`		`- border: 4px solid color(secondary);`
	`401`	`+ outline: 4px solid color(secondary);`
`402`	`402`	`padding: 2px;`
`403`	`403`	`color: color(secondary);`
`404`	`404`	`position: static;`