Port skiplink styling from v3 to v4

diff --git a/docs/assets/scss/_skiplink.scss b/docs/assets/scss/_skiplink.scss
new file mode 100644 (file)
index 0000000..b65e6bd
--- /dev/null
+++ b/docs/assets/scss/_skiplink.scss
@@ -0,0 +1,12 @@
+#skippy {
+  display: block;
+  padding: 1em;
+  color: #fff;
+  background-color: $bd-purple;
+  outline: 0;
+
+  .skiplink-text {
+    padding: .5em;
+    outline: 1px dotted;
+  }
+}

diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index 13e56ecb3235a282b7dc7825bb143c2975bfd234..35008facc96936ade8e623fc793bcd759e160a6b 100644 (file)
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -46,6 +46,7 @@ $bd-info:           #5bc0de;
 @import "ads";
 @import "content";
 @import "page-header";
+@import "skiplink";
 @import "sidebar";
 @import "footer";
 @import "component-examples";