🐛 #982 - fix: fix invisibility of focussed skiplink.

rijkshuisstijl/sass/components/skiplink/skiplink.scss

@@ -1,7 +1,20 @@
 @import '../../settings/all';
+@import "microscope-sass/lib/color";
+@import "microscope-sass/lib/typography";
 
 .skiplink {
   position: absolute;
   top: -100vh;
   left: -100vh;
 }
+
+.skiplink:focus {
+  @include body;
+  @include border(all, $color-primary);
+  @include color-background;
+  box-sizing: border-box;
+  font-family: $typography-font-family-text;
+  position: absolute;
+  top: 0;
+  left: 0;
+}

rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-l.js

@@ -0,0 +1,27 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+/*!*****************************************************************!*\
+  !*** ./rijkshuisstijl/sass/rijkshuisstijl-print-landscape.scss ***!
+  \*****************************************************************/
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+/******/ })()
+;