diff --git a/rijkshuisstijl/sass/components/skiplink/skiplink.scss b/rijkshuisstijl/sass/components/skiplink/skiplink.scss index 20395fd..80d57eb 100644 --- a/rijkshuisstijl/sass/components/skiplink/skiplink.scss +++ b/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; +} diff --git a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-l.css b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-l.css index 39a771a..adc8ac4 100644 --- a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-l.css +++ b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-l.css @@ -42,7 +42,7 @@ /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */.paginator{align-items:center;display:flex;justify-content:flex-end;width:100%}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input,.paginator__label,.paginator__link{margin:0 4px!important}.paginator__section{align-items:baseline;color:#000;color:#ccc;display:flex;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.375;margin:0}@media (min-width:1200px){.paginator__section{font-size:1.125rem}}@media (min-width:992px){.paginator__section{line-height:1.625}}@media (min-width:1200px){.paginator__section{line-height:1.5263157895}}.paginator__label{display:block}@media (max-width:767px){.paginator__label{display:none}}.paginator__link{color:#01689b;cursor:pointer;font-size:0;font-weight:700;text-decoration:none}.paginator__link:hover{color:#01689b;text-decoration:underline}.paginator__link:before{font-size:1.25rem;letter-spacing:normal;line-height:1.3}@media (min-width:768px){.paginator__link:before{font-size:1.3125rem}}@media (min-width:1200px){.paginator__link:before{font-size:1.5rem}}@media (min-width:768px){.paginator__link:before{line-height:1.5238095238}}@media (min-width:1200px){.paginator__link:before{line-height:1.5}}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input{color:#01689b;font-weight:700;width:3em}.row{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.row{max-width:1200px}}.row:after{clear:both;content:"";display:table}@media (min-width:992px){.row--overlay{transform:translateY(-50%)}}.row__column{margin-top:15px;width:100%}@media (min-width:768px){.row__column{width:calc(50% - 7.5px)}}@media (min-width:992px){.row__column{width:calc(25% - 11.25px)}}@media (max-width:767px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:992px) and (max-width:1199px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:1200px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (max-width:767px){.row__column{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column:nth-child(2n){margin-right:0}.row__column:nth-child(odd){clear:left}}@media (min-width:992px) and (max-width:1199px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}@media (min-width:1200px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}.row__column:last-child{margin-bottom:15px}.search{overflow:hidden;position:relative;transition:all .3s ease-in-out 0s;width:100%}@media (min-width:768px){.search{width:48px}.search--initial,.search--open{width:100%}}.search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;height:48px;letter-spacing:normal;line-height:1.375;line-height:48px;margin:0;outline:0;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.search__input{font-size:1.125rem}}@media (min-width:992px){.search__input{line-height:1.625}}@media (min-width:1200px){.search__input{line-height:1.5263157895}}.search__input::-ms-clear,.search__input::-ms-reveal{display:none;height:0;width:0}.search__input::-webkit-clear-button,.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration,.search__input::-webkit-search-results-button,.search__input::-webkit-search-results-decoration{display:none}.search .button{border:none;height:48px;outline:none;position:absolute;top:50%;transform:translateY(-50%);width:48px}.search .button--primary{right:0}.search .button--secondary{color:#000;opacity:0;right:48px}.search .button--secondary .icon:before{background-color:transparent}.search input:not(:-moz-placeholder-shown)~.button--secondary{opacity:1}.search input:not(:-ms-input-placeholder)~.button--secondary{opacity:1}.search input:not(:placeholder-shown)~.button--secondary{opacity:1}@media (min-width:768px){.search--initial .button--primary,.search--open .button--primary{background-color:#000}}.search .button .icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.skiplink{left:-100vh;position:absolute;top:-100vh}.stacked-list{list-style:none;margin:0;padding:0}.stacked-list__item{border-bottom:2px solid #d9ebf7;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-size:.75rem;font-weight:400;letter-spacing:normal;line-height:1.375;line-height:1.5;margin:0;padding:.4em 16px}@media (min-width:1200px){.stacked-list__item{font-size:1.125rem}}@media (min-width:992px){.stacked-list__item{line-height:1.625}}@media (min-width:1200px){.stacked-list__item{font-size:.875rem;line-height:1.5263157895}}.stacked-list__item:not(:last-child){border-bottom:2px dotted #d9ebf7;box-sizing:border-box}.stacked-list__link{color:#01689b;cursor:pointer;text-decoration:underline}.stacked-list__link:hover{color:#01689b;text-decoration:none!important} + */.paginator{align-items:center;display:flex;justify-content:flex-end;width:100%}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input,.paginator__label,.paginator__link{margin:0 4px!important}.paginator__section{align-items:baseline;color:#000;color:#ccc;display:flex;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.375;margin:0}@media (min-width:1200px){.paginator__section{font-size:1.125rem}}@media (min-width:992px){.paginator__section{line-height:1.625}}@media (min-width:1200px){.paginator__section{line-height:1.5263157895}}.paginator__label{display:block}@media (max-width:767px){.paginator__label{display:none}}.paginator__link{color:#01689b;cursor:pointer;font-size:0;font-weight:700;text-decoration:none}.paginator__link:hover{color:#01689b;text-decoration:underline}.paginator__link:before{font-size:1.25rem;letter-spacing:normal;line-height:1.3}@media (min-width:768px){.paginator__link:before{font-size:1.3125rem}}@media (min-width:1200px){.paginator__link:before{font-size:1.5rem}}@media (min-width:768px){.paginator__link:before{line-height:1.5238095238}}@media (min-width:1200px){.paginator__link:before{line-height:1.5}}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input{color:#01689b;font-weight:700;width:3em}.row{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.row{max-width:1200px}}.row:after{clear:both;content:"";display:table}@media (min-width:992px){.row--overlay{transform:translateY(-50%)}}.row__column{margin-top:15px;width:100%}@media (min-width:768px){.row__column{width:calc(50% - 7.5px)}}@media (min-width:992px){.row__column{width:calc(25% - 11.25px)}}@media (max-width:767px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:992px) and (max-width:1199px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:1200px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (max-width:767px){.row__column{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column:nth-child(2n){margin-right:0}.row__column:nth-child(odd){clear:left}}@media (min-width:992px) and (max-width:1199px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}@media (min-width:1200px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}.row__column:last-child{margin-bottom:15px}.search{overflow:hidden;position:relative;transition:all .3s ease-in-out 0s;width:100%}@media (min-width:768px){.search{width:48px}.search--initial,.search--open{width:100%}}.search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;height:48px;letter-spacing:normal;line-height:1.375;line-height:48px;margin:0;outline:0;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.search__input{font-size:1.125rem}}@media (min-width:992px){.search__input{line-height:1.625}}@media (min-width:1200px){.search__input{line-height:1.5263157895}}.search__input::-ms-clear,.search__input::-ms-reveal{display:none;height:0;width:0}.search__input::-webkit-clear-button,.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration,.search__input::-webkit-search-results-button,.search__input::-webkit-search-results-decoration{display:none}.search .button{border:none;height:48px;outline:none;position:absolute;top:50%;transform:translateY(-50%);width:48px}.search .button--primary{right:0}.search .button--secondary{color:#000;opacity:0;right:48px}.search .button--secondary .icon:before{background-color:transparent}.search input:not(:-moz-placeholder-shown)~.button--secondary{opacity:1}.search input:not(:-ms-input-placeholder)~.button--secondary{opacity:1}.search input:not(:placeholder-shown)~.button--secondary{opacity:1}@media (min-width:768px){.search--initial .button--primary,.search--open .button--primary{background-color:#000}}.search .button .icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.skiplink{left:-100vh;position:absolute;top:-100vh}.skiplink:focus{background-color:#fff;border:2px solid #01689b;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;left:0;letter-spacing:normal;line-height:1.375;margin:0;position:absolute;top:0}@media (min-width:1200px){.skiplink:focus{font-size:1.125rem}}@media (min-width:992px){.skiplink:focus{line-height:1.625}}@media (min-width:1200px){.skiplink:focus{line-height:1.5263157895}}.stacked-list{list-style:none;margin:0;padding:0}.stacked-list__item{border-bottom:2px solid #d9ebf7;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-size:.75rem;font-weight:400;letter-spacing:normal;line-height:1.375;line-height:1.5;margin:0;padding:.4em 16px}@media (min-width:1200px){.stacked-list__item{font-size:1.125rem}}@media (min-width:992px){.stacked-list__item{line-height:1.625}}@media (min-width:1200px){.stacked-list__item{font-size:.875rem;line-height:1.5263157895}}.stacked-list__item:not(:last-child){border-bottom:2px dotted #d9ebf7;box-sizing:border-box}.stacked-list__link{color:#01689b;cursor:pointer;text-decoration:underline}.stacked-list__link:hover{color:#01689b;text-decoration:none!important} /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) diff --git a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-l.js b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-l.js index e69de29..fc0c6a9 100644 --- a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-l.js +++ b/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 + +/******/ })() +; \ No newline at end of file diff --git a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-p.css b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-p.css index 16e54eb..d12788b 100644 --- a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-p.css +++ b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-p.css @@ -42,7 +42,7 @@ /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */.paginator{align-items:center;display:flex;justify-content:flex-end;width:100%}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input,.paginator__label,.paginator__link{margin:0 4px!important}.paginator__section{align-items:baseline;color:#000;color:#ccc;display:flex;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.375;margin:0}@media (min-width:1200px){.paginator__section{font-size:1.125rem}}@media (min-width:992px){.paginator__section{line-height:1.625}}@media (min-width:1200px){.paginator__section{line-height:1.5263157895}}.paginator__label{display:block}@media (max-width:767px){.paginator__label{display:none}}.paginator__link{color:#01689b;cursor:pointer;font-size:0;font-weight:700;text-decoration:none}.paginator__link:hover{color:#01689b;text-decoration:underline}.paginator__link:before{font-size:1.25rem;letter-spacing:normal;line-height:1.3}@media (min-width:768px){.paginator__link:before{font-size:1.3125rem}}@media (min-width:1200px){.paginator__link:before{font-size:1.5rem}}@media (min-width:768px){.paginator__link:before{line-height:1.5238095238}}@media (min-width:1200px){.paginator__link:before{line-height:1.5}}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input{color:#01689b;font-weight:700;width:3em}.row{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.row{max-width:1200px}}.row:after{clear:both;content:"";display:table}@media (min-width:992px){.row--overlay{transform:translateY(-50%)}}.row__column{margin-top:15px;width:100%}@media (min-width:768px){.row__column{width:calc(50% - 7.5px)}}@media (min-width:992px){.row__column{width:calc(25% - 11.25px)}}@media (max-width:767px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:992px) and (max-width:1199px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:1200px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (max-width:767px){.row__column{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column:nth-child(2n){margin-right:0}.row__column:nth-child(odd){clear:left}}@media (min-width:992px) and (max-width:1199px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}@media (min-width:1200px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}.row__column:last-child{margin-bottom:15px}.search{overflow:hidden;position:relative;transition:all .3s ease-in-out 0s;width:100%}@media (min-width:768px){.search{width:48px}.search--initial,.search--open{width:100%}}.search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;height:48px;letter-spacing:normal;line-height:1.375;line-height:48px;margin:0;outline:0;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.search__input{font-size:1.125rem}}@media (min-width:992px){.search__input{line-height:1.625}}@media (min-width:1200px){.search__input{line-height:1.5263157895}}.search__input::-ms-clear,.search__input::-ms-reveal{display:none;height:0;width:0}.search__input::-webkit-clear-button,.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration,.search__input::-webkit-search-results-button,.search__input::-webkit-search-results-decoration{display:none}.search .button{border:none;height:48px;outline:none;position:absolute;top:50%;transform:translateY(-50%);width:48px}.search .button--primary{right:0}.search .button--secondary{color:#000;opacity:0;right:48px}.search .button--secondary .icon:before{background-color:transparent}.search input:not(:-moz-placeholder-shown)~.button--secondary{opacity:1}.search input:not(:-ms-input-placeholder)~.button--secondary{opacity:1}.search input:not(:placeholder-shown)~.button--secondary{opacity:1}@media (min-width:768px){.search--initial .button--primary,.search--open .button--primary{background-color:#000}}.search .button .icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.skiplink{left:-100vh;position:absolute;top:-100vh}.stacked-list{list-style:none;margin:0;padding:0}.stacked-list__item{border-bottom:2px solid #d9ebf7;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-size:.75rem;font-weight:400;letter-spacing:normal;line-height:1.375;line-height:1.5;margin:0;padding:.4em 16px}@media (min-width:1200px){.stacked-list__item{font-size:1.125rem}}@media (min-width:992px){.stacked-list__item{line-height:1.625}}@media (min-width:1200px){.stacked-list__item{font-size:.875rem;line-height:1.5263157895}}.stacked-list__item:not(:last-child){border-bottom:2px dotted #d9ebf7;box-sizing:border-box}.stacked-list__link{color:#01689b;cursor:pointer;text-decoration:underline}.stacked-list__link:hover{color:#01689b;text-decoration:none!important} + */.paginator{align-items:center;display:flex;justify-content:flex-end;width:100%}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input,.paginator__label,.paginator__link{margin:0 4px!important}.paginator__section{align-items:baseline;color:#000;color:#ccc;display:flex;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.375;margin:0}@media (min-width:1200px){.paginator__section{font-size:1.125rem}}@media (min-width:992px){.paginator__section{line-height:1.625}}@media (min-width:1200px){.paginator__section{line-height:1.5263157895}}.paginator__label{display:block}@media (max-width:767px){.paginator__label{display:none}}.paginator__link{color:#01689b;cursor:pointer;font-size:0;font-weight:700;text-decoration:none}.paginator__link:hover{color:#01689b;text-decoration:underline}.paginator__link:before{font-size:1.25rem;letter-spacing:normal;line-height:1.3}@media (min-width:768px){.paginator__link:before{font-size:1.3125rem}}@media (min-width:1200px){.paginator__link:before{font-size:1.5rem}}@media (min-width:768px){.paginator__link:before{line-height:1.5238095238}}@media (min-width:1200px){.paginator__link:before{line-height:1.5}}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input{color:#01689b;font-weight:700;width:3em}.row{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.row{max-width:1200px}}.row:after{clear:both;content:"";display:table}@media (min-width:992px){.row--overlay{transform:translateY(-50%)}}.row__column{margin-top:15px;width:100%}@media (min-width:768px){.row__column{width:calc(50% - 7.5px)}}@media (min-width:992px){.row__column{width:calc(25% - 11.25px)}}@media (max-width:767px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:992px) and (max-width:1199px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:1200px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (max-width:767px){.row__column{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column:nth-child(2n){margin-right:0}.row__column:nth-child(odd){clear:left}}@media (min-width:992px) and (max-width:1199px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}@media (min-width:1200px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}.row__column:last-child{margin-bottom:15px}.search{overflow:hidden;position:relative;transition:all .3s ease-in-out 0s;width:100%}@media (min-width:768px){.search{width:48px}.search--initial,.search--open{width:100%}}.search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;height:48px;letter-spacing:normal;line-height:1.375;line-height:48px;margin:0;outline:0;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.search__input{font-size:1.125rem}}@media (min-width:992px){.search__input{line-height:1.625}}@media (min-width:1200px){.search__input{line-height:1.5263157895}}.search__input::-ms-clear,.search__input::-ms-reveal{display:none;height:0;width:0}.search__input::-webkit-clear-button,.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration,.search__input::-webkit-search-results-button,.search__input::-webkit-search-results-decoration{display:none}.search .button{border:none;height:48px;outline:none;position:absolute;top:50%;transform:translateY(-50%);width:48px}.search .button--primary{right:0}.search .button--secondary{color:#000;opacity:0;right:48px}.search .button--secondary .icon:before{background-color:transparent}.search input:not(:-moz-placeholder-shown)~.button--secondary{opacity:1}.search input:not(:-ms-input-placeholder)~.button--secondary{opacity:1}.search input:not(:placeholder-shown)~.button--secondary{opacity:1}@media (min-width:768px){.search--initial .button--primary,.search--open .button--primary{background-color:#000}}.search .button .icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.skiplink{left:-100vh;position:absolute;top:-100vh}.skiplink:focus{background-color:#fff;border:2px solid #01689b;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;left:0;letter-spacing:normal;line-height:1.375;margin:0;position:absolute;top:0}@media (min-width:1200px){.skiplink:focus{font-size:1.125rem}}@media (min-width:992px){.skiplink:focus{line-height:1.625}}@media (min-width:1200px){.skiplink:focus{line-height:1.5263157895}}.stacked-list{list-style:none;margin:0;padding:0}.stacked-list__item{border-bottom:2px solid #d9ebf7;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-size:.75rem;font-weight:400;letter-spacing:normal;line-height:1.375;line-height:1.5;margin:0;padding:.4em 16px}@media (min-width:1200px){.stacked-list__item{font-size:1.125rem}}@media (min-width:992px){.stacked-list__item{line-height:1.625}}@media (min-width:1200px){.stacked-list__item{font-size:.875rem;line-height:1.5263157895}}.stacked-list__item:not(:last-child){border-bottom:2px dotted #d9ebf7;box-sizing:border-box}.stacked-list__link{color:#01689b;cursor:pointer;text-decoration:underline}.stacked-list__link:hover{color:#01689b;text-decoration:none!important} /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) diff --git a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-p.js b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-p.js index e69de29..acf8ced 100644 --- a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-p.js +++ b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css-print-p.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-portrait.scss ***! + \****************************************************************/ +__webpack_require__.r(__webpack_exports__); +// extracted by mini-css-extract-plugin + +/******/ })() +; \ No newline at end of file diff --git a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css.css b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css.css index 6b6535b..b5917a8 100644 --- a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css.css +++ b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css.css @@ -42,7 +42,7 @@ /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */.paginator{align-items:center;display:flex;justify-content:flex-end;width:100%}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input,.paginator__label,.paginator__link{margin:0 4px!important}.paginator__section{align-items:baseline;color:#000;color:#ccc;display:flex;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.375;margin:0}@media (min-width:1200px){.paginator__section{font-size:1.125rem}}@media (min-width:992px){.paginator__section{line-height:1.625}}@media (min-width:1200px){.paginator__section{line-height:1.5263157895}}.paginator__label{display:block}@media (max-width:767px){.paginator__label{display:none}}.paginator__link{color:#01689b;cursor:pointer;font-size:0;font-weight:700;text-decoration:none}.paginator__link:hover{color:#01689b;text-decoration:underline}.paginator__link:before{font-size:1.25rem;letter-spacing:normal;line-height:1.3}@media (min-width:768px){.paginator__link:before{font-size:1.3125rem}}@media (min-width:1200px){.paginator__link:before{font-size:1.5rem}}@media (min-width:768px){.paginator__link:before{line-height:1.5238095238}}@media (min-width:1200px){.paginator__link:before{line-height:1.5}}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input{color:#01689b;font-weight:700;width:3em}.row{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.row{max-width:1200px}}.row:after{clear:both;content:"";display:table}@media (min-width:992px){.row--overlay{transform:translateY(-50%)}}.row__column{margin-top:15px;width:100%}@media (min-width:768px){.row__column{width:calc(50% - 7.5px)}}@media (min-width:992px){.row__column{width:calc(25% - 11.25px)}}@media (max-width:767px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:992px) and (max-width:1199px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:1200px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (max-width:767px){.row__column{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column:nth-child(2n){margin-right:0}.row__column:nth-child(odd){clear:left}}@media (min-width:992px) and (max-width:1199px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}@media (min-width:1200px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}.row__column:last-child{margin-bottom:15px}.search{overflow:hidden;position:relative;transition:all .3s ease-in-out 0s;width:100%}@media (min-width:768px){.search{width:48px}.search--initial,.search--open{width:100%}}.search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;height:48px;letter-spacing:normal;line-height:1.375;line-height:48px;margin:0;outline:0;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.search__input{font-size:1.125rem}}@media (min-width:992px){.search__input{line-height:1.625}}@media (min-width:1200px){.search__input{line-height:1.5263157895}}.search__input::-ms-clear,.search__input::-ms-reveal{display:none;height:0;width:0}.search__input::-webkit-clear-button,.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration,.search__input::-webkit-search-results-button,.search__input::-webkit-search-results-decoration{display:none}.search .button{border:none;height:48px;outline:none;position:absolute;top:50%;transform:translateY(-50%);width:48px}.search .button--primary{right:0}.search .button--secondary{color:#000;opacity:0;right:48px}.search .button--secondary .icon:before{background-color:transparent}.search input:not(:-moz-placeholder-shown)~.button--secondary{opacity:1}.search input:not(:-ms-input-placeholder)~.button--secondary{opacity:1}.search input:not(:placeholder-shown)~.button--secondary{opacity:1}@media (min-width:768px){.search--initial .button--primary,.search--open .button--primary{background-color:#000}}.search .button .icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.skiplink{left:-100vh;position:absolute;top:-100vh}.stacked-list{list-style:none;margin:0;padding:0}.stacked-list__item{border-bottom:2px solid #d9ebf7;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-size:.75rem;font-weight:400;letter-spacing:normal;line-height:1.375;line-height:1.5;margin:0;padding:.4em 16px}@media (min-width:1200px){.stacked-list__item{font-size:1.125rem}}@media (min-width:992px){.stacked-list__item{line-height:1.625}}@media (min-width:1200px){.stacked-list__item{font-size:.875rem;line-height:1.5263157895}}.stacked-list__item:not(:last-child){border-bottom:2px dotted #d9ebf7;box-sizing:border-box}.stacked-list__link{color:#01689b;cursor:pointer;text-decoration:underline}.stacked-list__link:hover{color:#01689b;text-decoration:none!important} + */.paginator{align-items:center;display:flex;justify-content:flex-end;width:100%}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input,.paginator__label,.paginator__link{margin:0 4px!important}.paginator__section{align-items:baseline;color:#000;color:#ccc;display:flex;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.375;margin:0}@media (min-width:1200px){.paginator__section{font-size:1.125rem}}@media (min-width:992px){.paginator__section{line-height:1.625}}@media (min-width:1200px){.paginator__section{line-height:1.5263157895}}.paginator__label{display:block}@media (max-width:767px){.paginator__label{display:none}}.paginator__link{color:#01689b;cursor:pointer;font-size:0;font-weight:700;text-decoration:none}.paginator__link:hover{color:#01689b;text-decoration:underline}.paginator__link:before{font-size:1.25rem;letter-spacing:normal;line-height:1.3}@media (min-width:768px){.paginator__link:before{font-size:1.3125rem}}@media (min-width:1200px){.paginator__link:before{font-size:1.5rem}}@media (min-width:768px){.paginator__link:before{line-height:1.5238095238}}@media (min-width:1200px){.paginator__link:before{line-height:1.5}}.flatpickr-time .paginator .numInput,.paginator .flatpickr-time .numInput,.paginator .input{color:#01689b;font-weight:700;width:3em}.row{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.row{max-width:1200px}}.row:after{clear:both;content:"";display:table}@media (min-width:992px){.row--overlay{transform:translateY(-50%)}}.row__column{margin-top:15px;width:100%}@media (min-width:768px){.row__column{width:calc(50% - 7.5px)}}@media (min-width:992px){.row__column{width:calc(25% - 11.25px)}}@media (max-width:767px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:992px) and (max-width:1199px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (min-width:1200px){.row__column{box-sizing:border-box;float:left;margin-right:15px}.row__column:last-child{margin-right:0}}@media (max-width:767px){.row__column{margin-right:0}}@media (min-width:768px) and (max-width:991px){.row__column:nth-child(2n){margin-right:0}.row__column:nth-child(odd){clear:left}}@media (min-width:992px) and (max-width:1199px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}@media (min-width:1200px){.row__column:nth-child(4n){margin-right:0}.row__column:nth-child(4n+1){clear:left}}.row__column:last-child{margin-bottom:15px}.search{overflow:hidden;position:relative;transition:all .3s ease-in-out 0s;width:100%}@media (min-width:768px){.search{width:48px}.search--initial,.search--open{width:100%}}.search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;height:48px;letter-spacing:normal;line-height:1.375;line-height:48px;margin:0;outline:0;padding-left:16px;padding-right:16px;width:100%}@media (min-width:1200px){.search__input{font-size:1.125rem}}@media (min-width:992px){.search__input{line-height:1.625}}@media (min-width:1200px){.search__input{line-height:1.5263157895}}.search__input::-ms-clear,.search__input::-ms-reveal{display:none;height:0;width:0}.search__input::-webkit-clear-button,.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration,.search__input::-webkit-search-results-button,.search__input::-webkit-search-results-decoration{display:none}.search .button{border:none;height:48px;outline:none;position:absolute;top:50%;transform:translateY(-50%);width:48px}.search .button--primary{right:0}.search .button--secondary{color:#000;opacity:0;right:48px}.search .button--secondary .icon:before{background-color:transparent}.search input:not(:-moz-placeholder-shown)~.button--secondary{opacity:1}.search input:not(:-ms-input-placeholder)~.button--secondary{opacity:1}.search input:not(:placeholder-shown)~.button--secondary{opacity:1}@media (min-width:768px){.search--initial .button--primary,.search--open .button--primary{background-color:#000}}.search .button .icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.skiplink{left:-100vh;position:absolute;top:-100vh}.skiplink:focus{background-color:#fff;border:2px solid #01689b;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;left:0;letter-spacing:normal;line-height:1.375;margin:0;position:absolute;top:0}@media (min-width:1200px){.skiplink:focus{font-size:1.125rem}}@media (min-width:992px){.skiplink:focus{line-height:1.625}}@media (min-width:1200px){.skiplink:focus{line-height:1.5263157895}}.stacked-list{list-style:none;margin:0;padding:0}.stacked-list__item{border-bottom:2px solid #d9ebf7;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-size:.75rem;font-weight:400;letter-spacing:normal;line-height:1.375;line-height:1.5;margin:0;padding:.4em 16px}@media (min-width:1200px){.stacked-list__item{font-size:1.125rem}}@media (min-width:992px){.stacked-list__item{line-height:1.625}}@media (min-width:1200px){.stacked-list__item{font-size:.875rem;line-height:1.5263157895}}.stacked-list__item:not(:last-child){border-bottom:2px dotted #d9ebf7;box-sizing:border-box}.stacked-list__link{color:#01689b;cursor:pointer;text-decoration:underline}.stacked-list__link:hover{color:#01689b;text-decoration:none!important} /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) diff --git a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css.js b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css.js index e69de29..c3c2741 100644 --- a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css.js +++ b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-css.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.scss ***! + \*************************************************/ +__webpack_require__.r(__webpack_exports__); +// extracted by mini-css-extract-plugin + +/******/ })() +; \ No newline at end of file diff --git a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-skiplink-skiplink.css b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-skiplink-skiplink.css index 1dc7f61..bab25c5 100644 --- a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-skiplink-skiplink.css +++ b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-skiplink-skiplink.css @@ -1,3 +1,4 @@ -@font-face{font-family:RO Sans;font-style:normal;font-weight:400;src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Regular.eot);src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Regular.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Regular.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Regular.woff) format("woff")}@font-face{font-family:RO Sans;font-style:normal;font-weight:700;src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Bold.eot);src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Bold.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Bold.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Bold.woff) format("woff")}@font-face{font-family:RO Sans;font-style:italic;font-weight:400;src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Italic.eot);src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Italic.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Italic.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Italic.woff) format("woff")}@font-face{font-family:"RO Serif";font-style:normal;font-weight:400;src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Regular.eot);src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Regular.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Regular.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Regular.woff) format("woff")}@font-face{font-family:"RO Serif";font-style:normal;font-weight:700;src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Bold.eot);src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Bold.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Bold.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Bold.woff) format("woff")}@font-face{font-family:"RO Serif";font-style:italic;font-weight:400;src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Italic.eot);src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Italic.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Italic.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Italic.woff) format("woff")}@font-face{font-family:ro-icons-1\.11;font-style:normal;font-weight:700;src:url(/static/rijkshuisstijl/fonts/ro-icons-1.11.woff) format("opentype"),url(/static/rijkshuisstijl/fonts/ro-icons-1.11.ttf) format("truetype")}.skiplink{left:-100vh;position:absolute;top:-100vh} - -/*# sourceMappingURL=rh-skiplink-skiplink.css.map*/ \ No newline at end of file +/*!******************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./rijkshuisstijl/sass/components/skiplink/skiplink.scss ***! + \******************************************************************************************************************************************************************************************************************************************************************************/ +@font-face{font-family:RO Sans;font-style:normal;font-weight:400;src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Regular.eot);src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Regular.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Regular.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Regular.woff) format("woff")}@font-face{font-family:RO Sans;font-style:normal;font-weight:700;src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Bold.eot);src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Bold.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Bold.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Bold.woff) format("woff")}@font-face{font-family:RO Sans;font-style:italic;font-weight:400;src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Italic.eot);src:url(/static/rijkshuisstijl/fonts/RO-SansWebText-Italic.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Italic.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SansWebText-Italic.woff) format("woff")}@font-face{font-family:"RO Serif";font-style:normal;font-weight:400;src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Regular.eot);src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Regular.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Regular.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Regular.woff) format("woff")}@font-face{font-family:"RO Serif";font-style:normal;font-weight:700;src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Bold.eot);src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Bold.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Bold.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Bold.woff) format("woff")}@font-face{font-family:"RO Serif";font-style:italic;font-weight:400;src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Italic.eot);src:url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Italic.eot?#iefix) format("eot"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Italic.ttf) format("truetype"),url(/static/rijkshuisstijl/fonts/RO-SerifWeb-Italic.woff) format("woff")}@font-face{font-family:ro-icons-1\.11;font-style:normal;font-weight:700;src:url(/static/rijkshuisstijl/fonts/ro-icons-1.11.woff) format("opentype"),url(/static/rijkshuisstijl/fonts/ro-icons-1.11.ttf) format("truetype")}.skiplink{left:-100vh;position:absolute;top:-100vh}.skiplink:focus{background-color:#fff;border:2px solid #01689b;box-sizing:border-box;color:#000;font-family:RO Sans,Calibri,sans-serif;font-size:1rem;font-weight:400;left:0;letter-spacing:normal;line-height:1.375;margin:0;position:absolute;top:0}@media (min-width:1200px){.skiplink:focus{font-size:1.125rem}}@media (min-width:992px){.skiplink:focus{line-height:1.625}}@media (min-width:1200px){.skiplink:focus{line-height:1.5263157895}} diff --git a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-skiplink-skiplink.js b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-skiplink-skiplink.js index e69de29..a3346b1 100644 --- a/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-skiplink-skiplink.js +++ b/rijkshuisstijl/static/rijkshuisstijl/bundles/rh-skiplink-skiplink.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/components/skiplink/skiplink.scss ***! + \***************************************************************/ +__webpack_require__.r(__webpack_exports__); +// extracted by mini-css-extract-plugin + +/******/ })() +; \ No newline at end of file