gent_styleguide 5.0.21 → 5.0.25

package/build/styleguide/img/svg/build/question-light--teal.svg

@@ -0,0 +1,6 @@
+<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="80" cy="80" r="80" fill="white"/>
+
+<path fill-rule="evenodd" clip-rule="evenodd" d="M86.8125 121.321C86.5918 121.321 86.372 121.264 86.175 121.15L53.7507 102.309C53.3625 102.084 53.125 101.671 53.125 101.224V63.5429C53.125 63.0966 53.3625 62.6838 53.7507 62.4585L86.175 43.6177C86.5691 43.3891 87.0559 43.3891 87.45 43.6177L119.874 62.4585C120.262 62.6838 120.5 63.0966 120.5 63.5429V101.224C120.5 101.671 120.262 102.084 119.874 102.309L87.45 121.15C87.253 121.264 87.0323 121.321 86.8125 121.321Z" fill="#29CFC9" fill-opacity=".1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.519 61.8858C88.8784 60.3616 86.6988 59.5889 84.0423 59.5889C81.9668 59.5889 80.11 59.9853 78.5254 60.7676C76.9924 61.5253 75.511 62.7206 74.1189 64.3078C74.1101 64.3174 74.1014 64.3271 74.0926 64.3367C74.069 64.3638 74.0436 64.3857 74.0209 64.4137C74.0121 64.4224 74.0104 64.4356 74.0025 64.4452C73.8336 64.6648 73.7286 64.9369 73.7286 65.2353C73.7286 65.9528 74.3105 66.5347 75.028 66.5347C75.4034 66.5347 75.7376 66.3737 75.9756 66.1199C75.9931 66.1024 76.0168 66.0946 76.0334 66.0753C77.2496 64.7243 78.4904 63.7268 79.7206 63.1117C80.9299 62.5071 82.3841 62.2008 84.0423 62.2008C85.9375 62.2008 87.4198 62.6987 88.5713 63.7224C89.6974 64.7234 90.2443 66.0079 90.2443 67.6521C90.2443 68.5988 90.0728 69.4213 89.735 70.0959C89.3868 70.7942 88.9475 71.3857 88.4313 71.8547C87.8634 72.3709 87.0645 73.0027 86.0591 73.7307C84.8945 74.5681 83.9408 75.3276 83.225 75.9891C82.4576 76.6969 81.804 77.6148 81.2816 78.7182C80.7514 79.8364 80.4836 81.2014 80.4836 82.7756V86.5827C80.4836 86.5879 80.4863 86.5932 80.4863 86.5984C80.4863 86.6116 80.4827 86.6238 80.4827 86.6369C80.4827 87.3754 81.0813 87.9731 81.8198 87.9731C82.5574 87.9731 83.1559 87.3754 83.1559 86.6369C83.1559 86.6151 83.1506 86.5941 83.1498 86.5722V82.8823C83.1498 81.6836 83.3571 80.6528 83.7684 79.8163C84.1901 78.9562 84.7038 78.2369 85.2953 77.6761C85.9261 77.0793 86.7915 76.3898 87.8756 75.6198C88.9598 74.8262 89.8479 74.1131 90.5155 73.5023C91.2251 72.8513 91.8228 72.0454 92.2926 71.1066C92.7739 70.1449 93.0171 68.9821 93.0171 67.6521C93.0171 65.3657 92.1771 63.4249 90.519 61.8858ZM83.9072 94.6957C83.566 94.3247 82.9386 93.8837 81.8965 93.8837C81.1352 93.8837 80.4632 94.1532 79.9505 94.665C79.4386 95.1769 79.1682 95.8752 79.1682 96.6854C79.1682 97.4003 79.4386 98.0487 79.9505 98.5579C80.4615 99.0698 81.1352 99.3393 81.8965 99.3393C82.9403 99.3393 83.5668 98.8974 83.9072 98.5273C84.3762 98.0207 84.6247 97.3837 84.6247 96.6854C84.6247 95.8813 84.3841 95.2119 83.909 94.6965C83.909 94.6957 83.9081 94.6957 83.9072 94.6957ZM49.625 96.9427L82 115.864L114.375 96.9427V59.0744L82 40.1543L49.625 59.0744V96.9427ZM82 118.696C81.7707 118.696 81.5424 118.637 81.3376 118.517L47.6501 98.8292C47.2467 98.5938 47 98.1624 47 97.6961V58.3211C47 57.8547 47.2467 57.4233 47.6501 57.1879L81.3376 37.5004C81.7471 37.2616 82.2529 37.2616 82.6624 37.5004L116.35 57.1879C116.752 57.4233 117 57.8547 117 58.3211V97.6961C117 98.1624 116.752 98.5938 116.35 98.8292L82.6624 118.517C82.4576 118.637 82.2284 118.696 82 118.696Z" fill="#223239"/>
+</svg>

package/build/styleguide/img/svg/build/question-light--yellow.svg

@@ -0,0 +1,6 @@
+<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="80" cy="80" r="80" fill="white"/>
+
+<path fill-rule="evenodd" clip-rule="evenodd" d="M86.8125 121.321C86.5918 121.321 86.372 121.264 86.175 121.15L53.7507 102.309C53.3625 102.084 53.125 101.671 53.125 101.224V63.5429C53.125 63.0966 53.3625 62.6838 53.7507 62.4585L86.175 43.6177C86.5691 43.3891 87.0559 43.3891 87.45 43.6177L119.874 62.4585C120.262 62.6838 120.5 63.0966 120.5 63.5429V101.224C120.5 101.671 120.262 102.084 119.874 102.309L87.45 121.15C87.253 121.264 87.0323 121.321 86.8125 121.321Z" fill="#FAB600" fill-opacity=".1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.519 61.8858C88.8784 60.3616 86.6988 59.5889 84.0423 59.5889C81.9668 59.5889 80.11 59.9853 78.5254 60.7676C76.9924 61.5253 75.511 62.7206 74.1189 64.3078C74.1101 64.3174 74.1014 64.3271 74.0926 64.3367C74.069 64.3638 74.0436 64.3857 74.0209 64.4137C74.0121 64.4224 74.0104 64.4356 74.0025 64.4452C73.8336 64.6648 73.7286 64.9369 73.7286 65.2353C73.7286 65.9528 74.3105 66.5347 75.028 66.5347C75.4034 66.5347 75.7376 66.3737 75.9756 66.1199C75.9931 66.1024 76.0168 66.0946 76.0334 66.0753C77.2496 64.7243 78.4904 63.7268 79.7206 63.1117C80.9299 62.5071 82.3841 62.2008 84.0423 62.2008C85.9375 62.2008 87.4198 62.6987 88.5713 63.7224C89.6974 64.7234 90.2443 66.0079 90.2443 67.6521C90.2443 68.5988 90.0728 69.4213 89.735 70.0959C89.3868 70.7942 88.9475 71.3857 88.4313 71.8547C87.8634 72.3709 87.0645 73.0027 86.0591 73.7307C84.8945 74.5681 83.9408 75.3276 83.225 75.9891C82.4576 76.6969 81.804 77.6148 81.2816 78.7182C80.7514 79.8364 80.4836 81.2014 80.4836 82.7756V86.5827C80.4836 86.5879 80.4863 86.5932 80.4863 86.5984C80.4863 86.6116 80.4827 86.6238 80.4827 86.6369C80.4827 87.3754 81.0813 87.9731 81.8198 87.9731C82.5574 87.9731 83.1559 87.3754 83.1559 86.6369C83.1559 86.6151 83.1506 86.5941 83.1498 86.5722V82.8823C83.1498 81.6836 83.3571 80.6528 83.7684 79.8163C84.1901 78.9562 84.7038 78.2369 85.2953 77.6761C85.9261 77.0793 86.7915 76.3898 87.8756 75.6198C88.9598 74.8262 89.8479 74.1131 90.5155 73.5023C91.2251 72.8513 91.8228 72.0454 92.2926 71.1066C92.7739 70.1449 93.0171 68.9821 93.0171 67.6521C93.0171 65.3657 92.1771 63.4249 90.519 61.8858ZM83.9072 94.6957C83.566 94.3247 82.9386 93.8837 81.8965 93.8837C81.1352 93.8837 80.4632 94.1532 79.9505 94.665C79.4386 95.1769 79.1682 95.8752 79.1682 96.6854C79.1682 97.4003 79.4386 98.0487 79.9505 98.5579C80.4615 99.0698 81.1352 99.3393 81.8965 99.3393C82.9403 99.3393 83.5668 98.8974 83.9072 98.5273C84.3762 98.0207 84.6247 97.3837 84.6247 96.6854C84.6247 95.8813 84.3841 95.2119 83.909 94.6965C83.909 94.6957 83.9081 94.6957 83.9072 94.6957ZM49.625 96.9427L82 115.864L114.375 96.9427V59.0744L82 40.1543L49.625 59.0744V96.9427ZM82 118.696C81.7707 118.696 81.5424 118.637 81.3376 118.517L47.6501 98.8292C47.2467 98.5938 47 98.1624 47 97.6961V58.3211C47 57.8547 47.2467 57.4233 47.6501 57.1879L81.3376 37.5004C81.7471 37.2616 82.2529 37.2616 82.6624 37.5004L116.35 57.1879C116.752 57.4233 117 57.8547 117 58.3211V97.6961C117 98.1624 116.752 98.5938 116.35 98.8292L82.6624 118.517C82.4576 118.637 82.2284 118.696 82 118.696Z" fill="#223239"/>
+</svg>

package/build/styleguide/img/svg/paperclip.svg

@@ -0,0 +1,7 @@
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="60" cy="60" r="60" fill="white"/>
+<circle cx="60" cy="60" r="60" fill="#009DE0" fill-opacity=".1"/>
+<rect x="78" y="30.75" width="27.0101" height="58.5" rx="13.505" transform="rotate(45 78 30.75)" fill="white"/>
+<path d="M76.5 67.5L60.5602 82.5548C54.8478 87.9501 45.8769 87.812 40.3333 82.2434V82.2434C34.6437 76.5282 34.7122 67.2683 40.4857 61.6379L66.9872 35.7934C71.1301 31.7533 77.7535 31.8023 81.8361 35.9033V35.9033C85.9359 40.0215 85.9356 46.6791 81.8354 50.7969L55.743 77.0013C53.1333 79.6222 48.8902 79.622 46.2808 77.0008V77.0008C43.6822 74.3906 43.6884 70.1691 46.2946 67.5665L68.7673 45.1249" stroke="#223239" stroke-width="3" stroke-linecap="round"/>
+<path d="M81.0434 63.4166L85.0831 59.208" stroke="#223239" stroke-width="3" stroke-linecap="round"/>
+</svg>

package/build/styleguide/img/svg/question-light.svg

@@ -0,0 +1,6 @@
+<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="80" cy="80" r="80" fill="white"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M86.8125 121.321C86.5918 121.321 86.372 121.264 86.175 121.15L53.7507 102.309C53.3625 102.084 53.125 101.671 53.125 101.224V63.5429C53.125 63.0966 53.3625 62.6838 53.7507 62.4585L86.175 43.6177C86.5691 43.3891 87.0559 43.3891 87.45 43.6177L119.874 62.4585C120.262 62.6838 120.5 63.0966 120.5 63.5429V101.224C120.5 101.671 120.262 102.084 119.874 102.309L87.45 121.15C87.253 121.264 87.0323 121.321 86.8125 121.321Z" fill="#009DE0" fill-opacity=".1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.519 61.8858C88.8784 60.3616 86.6988 59.5889 84.0423 59.5889C81.9668 59.5889 80.11 59.9853 78.5254 60.7676C76.9924 61.5253 75.511 62.7206 74.1189 64.3078C74.1101 64.3174 74.1014 64.3271 74.0926 64.3367C74.069 64.3638 74.0436 64.3857 74.0209 64.4137C74.0121 64.4224 74.0104 64.4356 74.0025 64.4452C73.8336 64.6648 73.7286 64.9369 73.7286 65.2353C73.7286 65.9528 74.3105 66.5347 75.028 66.5347C75.4034 66.5347 75.7376 66.3737 75.9756 66.1199C75.9931 66.1024 76.0168 66.0946 76.0334 66.0753C77.2496 64.7243 78.4904 63.7268 79.7206 63.1117C80.9299 62.5071 82.3841 62.2008 84.0423 62.2008C85.9375 62.2008 87.4198 62.6987 88.5713 63.7224C89.6974 64.7234 90.2443 66.0079 90.2443 67.6521C90.2443 68.5988 90.0728 69.4213 89.735 70.0959C89.3868 70.7942 88.9475 71.3857 88.4313 71.8547C87.8634 72.3709 87.0645 73.0027 86.0591 73.7307C84.8945 74.5681 83.9408 75.3276 83.225 75.9891C82.4576 76.6969 81.804 77.6148 81.2816 78.7182C80.7514 79.8364 80.4836 81.2014 80.4836 82.7756V86.5827C80.4836 86.5879 80.4863 86.5932 80.4863 86.5984C80.4863 86.6116 80.4827 86.6238 80.4827 86.6369C80.4827 87.3754 81.0813 87.9731 81.8198 87.9731C82.5574 87.9731 83.1559 87.3754 83.1559 86.6369C83.1559 86.6151 83.1506 86.5941 83.1498 86.5722V82.8823C83.1498 81.6836 83.3571 80.6528 83.7684 79.8163C84.1901 78.9562 84.7038 78.2369 85.2953 77.6761C85.9261 77.0793 86.7915 76.3898 87.8756 75.6198C88.9598 74.8262 89.8479 74.1131 90.5155 73.5023C91.2251 72.8513 91.8228 72.0454 92.2926 71.1066C92.7739 70.1449 93.0171 68.9821 93.0171 67.6521C93.0171 65.3657 92.1771 63.4249 90.519 61.8858ZM83.9072 94.6957C83.566 94.3247 82.9386 93.8837 81.8965 93.8837C81.1352 93.8837 80.4632 94.1532 79.9505 94.665C79.4386 95.1769 79.1682 95.8752 79.1682 96.6854C79.1682 97.4003 79.4386 98.0487 79.9505 98.5579C80.4615 99.0698 81.1352 99.3393 81.8965 99.3393C82.9403 99.3393 83.5668 98.8974 83.9072 98.5273C84.3762 98.0207 84.6247 97.3837 84.6247 96.6854C84.6247 95.8813 84.3841 95.2119 83.909 94.6965C83.909 94.6957 83.9081 94.6957 83.9072 94.6957ZM49.625 96.9427L82 115.864L114.375 96.9427V59.0744L82 40.1543L49.625 59.0744V96.9427ZM82 118.696C81.7707 118.696 81.5424 118.637 81.3376 118.517L47.6501 98.8292C47.2467 98.5938 47 98.1624 47 97.6961V58.3211C47 57.8547 47.2467 57.4233 47.6501 57.1879L81.3376 37.5004C81.7471 37.2616 82.2529 37.2616 82.6624 37.5004L116.35 57.1879C116.752 57.4233 117 57.8547 117 58.3211V97.6961C117 98.1624 116.752 98.5938 116.35 98.8292L82.6624 118.517C82.4576 118.637 82.2284 118.696 82 118.696Z" fill="#223239"/>
+</svg>

package/build/styleguide/sass/11-base/fonts/_fonts.scss

@@ -1,8 +1,57 @@
 ////
 /// This file defines fonts.
+/// Loading only Latin and Latin Extended
+/// This is enough to support all European languages when using the translate function in the browser
 ////
 
-@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,600,700&display=swap'); // sass-lint:disable-line no-url-protocols
+// 03-06-2022 : switching to locally hosted fonts in favor of GDPR - see : https://district09.atlassian.net/browse/DTGB-874
+// @import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,600,700&display=swap'); // sass-lint:disable-line no-url-protocols
+
+// fira-sans-regular - latin-ext_latin //
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.eot'),
+  local('Fira Sans'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.woff2') format('woff2'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.woff') format('woff'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.ttf') format('truetype'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.svg#FiraSans') format('svg');
+  font-display: swap;
+}
+
+// fira-sans-600 - latin-ext_latin //
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.eot'),
+  local('Fira Sans'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.woff2') format('woff2'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.woff') format('woff'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.ttf') format('truetype'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.svg#FiraSans') format('svg');
+  font-display: swap;
+}
+
+// fira-sans-700 - latin-ext_latin //
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.eot'),
+  local('Fira Sans'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.woff2') format('woff2'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.woff') format('woff'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.ttf') format('truetype'),
+  url('#{$styleguide-dir}/googlefonts/fira-sans-v16-latin-ext_latin-regular.svg#FiraSans') format('svg');
+  font-display: swap;
+}
+
 
 // WebfontLoader
 // Bypass the FOUT.

package/build/styleguide/sass/11-base/fonts/_icons.scss

@@ -156,129 +156,132 @@ $id: random(1000);
     @if $filename == googleplus {
       $char: "\E023";
     }
-    @if $filename == hamburger {
+    @if $filename == gsport {
       $char: "\E024";
     }
-    @if $filename == heart {
+    @if $filename == hamburger {
       $char: "\E025";
     }
-    @if $filename == home {
+    @if $filename == heart {
       $char: "\E026";
     }
-    @if $filename == image {
+    @if $filename == home {
       $char: "\E027";
     }
-    @if $filename == info {
+    @if $filename == image {
       $char: "\E028";
     }
-    @if $filename == instagram {
+    @if $filename == info {
       $char: "\E029";
     }
-    @if $filename == level {
+    @if $filename == instagram {
       $char: "\E02A";
     }
-    @if $filename == lightning {
+    @if $filename == level {
       $char: "\E02B";
     }
-    @if $filename == linkedin {
+    @if $filename == lightning {
       $char: "\E02C";
     }
-    @if $filename == lock-closed {
+    @if $filename == linkedin {
       $char: "\E02D";
     }
-    @if $filename == lock-open {
+    @if $filename == lock-closed {
       $char: "\E02E";
     }
-    @if $filename == logo-en {
+    @if $filename == lock-open {
       $char: "\E02F";
     }
-    @if $filename == logo-es {
+    @if $filename == logo-en {
       $char: "\E030";
     }
-    @if $filename == logo-fr {
+    @if $filename == logo-es {
       $char: "\E031";
     }
-    @if $filename == logo-nl {
+    @if $filename == logo-fr {
       $char: "\E032";
     }
-    @if $filename == logo-sp {
+    @if $filename == logo-nl {
       $char: "\E033";
     }
-    @if $filename == marker {
+    @if $filename == logo-sp {
       $char: "\E034";
     }
-    @if $filename == minus {
+    @if $filename == marker {
       $char: "\E035";
     }
-    @if $filename == normalphone {
+    @if $filename == minus {
       $char: "\E036";
     }
-    @if $filename == pencil {
+    @if $filename == normalphone {
       $char: "\E037";
     }
-    @if $filename == phone {
+    @if $filename == pencil {
       $char: "\E038";
     }
-    @if $filename == plus {
+    @if $filename == phone {
       $char: "\E039";
     }
-    @if $filename == readspeaker {
+    @if $filename == plus {
       $char: "\E03A";
     }
-    @if $filename == search {
+    @if $filename == readspeaker {
       $char: "\E03B";
     }
-    @if $filename == share {
+    @if $filename == search {
       $char: "\E03C";
     }
-    @if $filename == size {
+    @if $filename == share {
       $char: "\E03D";
     }
-    @if $filename == sportclub {
+    @if $filename == size {
       $char: "\E03E";
     }
-    @if $filename == star-empty {
+    @if $filename == sportclub {
       $char: "\E03F";
     }
-    @if $filename == star-full {
+    @if $filename == star-empty {
       $char: "\E040";
     }
-    @if $filename == star-half {
+    @if $filename == star-full {
       $char: "\E041";
     }
-    @if $filename == subscribe {
+    @if $filename == star-half {
       $char: "\E042";
     }
-    @if $filename == trashcan {
+    @if $filename == subscribe {
       $char: "\E043";
     }
-    @if $filename == twitter-outline {
+    @if $filename == trashcan {
       $char: "\E044";
     }
-    @if $filename == twitter {
+    @if $filename == twitter-outline {
       $char: "\E045";
     }
-    @if $filename == update {
+    @if $filename == twitter {
       $char: "\E046";
     }
-    @if $filename == url {
+    @if $filename == update {
       $char: "\E047";
     }
-    @if $filename == user {
+    @if $filename == url {
       $char: "\E048";
     }
-    @if $filename == users {
+    @if $filename == user {
       $char: "\E049";
     }
-    @if $filename == vimeo {
+    @if $filename == users {
       $char: "\E04A";
     }
-    @if $filename == wheelchair {
+    @if $filename == vimeo {
       $char: "\E04B";
     }
-    @if $filename == youtube {
+    @if $filename == wheelchair {
       $char: "\E04C";
     }
+    @if $filename == youtube {
+      $char: "\E04D";
+    }
 
     @return $char;
 }
@@ -419,6 +422,9 @@ $id: random(1000);
 .icon-googleplus {
   @include icon(googleplus);
 }
+.icon-gsport {
+  @include icon(gsport);
+}
 .icon-hamburger {
   @include icon(hamburger);
 }

package/build/styleguide/sass/21-atoms/list/_list.scss

@@ -206,10 +206,6 @@ dl {
   padding-left: 0;
   list-style: none;
 
-  p {
-    font-size: .8rem;
-  }
-
   a {
     @include bold-text;
   }

package/build/styleguide/sass/31-molecules/highlight/_highlight.scss

@@ -40,7 +40,7 @@
 .highlight--top {
   padding-top: 3.5rem;
 
-  $icons: book camera download form hammer letter link loupe mail newsletter phone upload whistle checklist;
+  $icons: badminton ball book camera checklist download form hammer letter link loupe mail newsletter phone question upload whistle;
   @each $icon in $icons {
     &.#{$icon} .highlight__inner::before {
       @include spot-image($icon + '-light', 7rem);

package/build/styleguide/sass/atoms.scss

@@ -1,27 +1,27 @@
 // inject
-@import "21-atoms/accolade/_accolade.scss";
 @import "21-atoms/button/_button.scss";
+@import "21-atoms/accolade/_accolade.scss";
 @import "21-atoms/field-message/_field-message.scss";
-@import "21-atoms/file/_file.scss";
 @import "21-atoms/fieldset/_fieldset.scss";
+@import "21-atoms/file/_file.scss";
 @import "21-atoms/figcaption/_figcaption.scss";
 @import "21-atoms/heading/_heading.scss";
 @import "21-atoms/input/_input.scss";
-@import "21-atoms/image/_image.scss";
 @import "21-atoms/input-submit/_input-submit.scss";
+@import "21-atoms/image/_image.scss";
 @import "21-atoms/input-textarea/_input-textarea.scss";
 @import "21-atoms/label/_label.scss";
-@import "21-atoms/list/_list.scss";
 @import "21-atoms/link/_link.scss";
-@import "21-atoms/open-today/_open-today.scss";
+@import "21-atoms/list/_list.scss";
 @import "21-atoms/logo/_logo.scss";
-@import "21-atoms/select/_input-select.scss";
+@import "21-atoms/open-today/_open-today.scss";
 @import "21-atoms/paragraph/_paragraph.scss";
+@import "21-atoms/select/_input-select.scss";
+@import "21-atoms/skiplink/_skiplink.scss";
 @import "21-atoms/pubdate/_pubdate.scss";
+@import "21-atoms/status/_status.scss";
 @import "21-atoms/spinner/_spinner.scss";
-@import "21-atoms/skiplink/_skiplink.scss";
 @import "21-atoms/table/_table.scss";
-@import "21-atoms/status/_status.scss";
 @import "21-atoms/tag/_tag.scss";
 @import "21-atoms/button/css/_button-alert.scss";
 @import "21-atoms/button/css/_button-primary.scss";

package/build/styleguide/sass/base.scss

@@ -3,9 +3,9 @@
 @import "11-base/base/_helper-classes.scss";
 @import "11-base/base/_invisible.scss";
 @import "11-base/containers/_containers.scss";
+@import "11-base/forms/_forms.scss";
 @import "11-base/fonts/_fonts.scss";
 @import "11-base/fonts/_icons.scss";
-@import "11-base/forms/_forms.scss";
-@import "11-base/section/_section.scss";
 @import "11-base/grid/_grid.scss";
+@import "11-base/section/_section.scss";
 // endinject

package/build/styleguide/sass/layouts.scss

@@ -1,7 +1,7 @@
 // inject
 @import "61-layouts/_layouts.scss";
-@import "61-layouts/filter-layout/_filter-layout.scss";
 @import "61-layouts/detail-layout/_detail-layout.scss";
+@import "61-layouts/filter-layout/_filter-layout.scss";
 @import "61-layouts/overview-layout/_overview-layout.scss";
 @import "61-layouts/sidebar-right-layout/_sidebar-right-layout.scss";
 // endinject

package/build/styleguide/sass/mixins.scss

@@ -1,13 +1,13 @@
 // inject
-@import "00-mixins/breakpoints/_breakpoints.scss";
+@import "00-mixins/general/_mixins.scss";
 @import "00-mixins/grid/_grid.scss";
 @import "00-mixins/grid/_responsive-utilities.scss";
-@import "00-mixins/general/_mixins.scss";
+@import "00-mixins/breakpoints/_breakpoints.scss";
 @import "00-mixins/link/_link.scss";
 @import "00-mixins/opening-hours/_opening-hours.scss";
-@import "00-mixins/table/_table-backgrounds.scss";
 @import "00-mixins/svg/_spot-images.scss";
 @import "00-mixins/svg/_svg-icons.scss";
+@import "00-mixins/table/_table-backgrounds.scss";
 @import "00-mixins/themify/_themify.scss";
 @import "00-mixins/z-index/_map-deep-get.scss";
 @import "00-mixins/z-index/_z.scss";

package/build/styleguide/sass/molecules.scss

@@ -1,35 +1,35 @@
 // inject
+@import "31-molecules/accordion/_accordion.scss";
 @import "31-molecules/breadcrumbs/_breadcrumbs.scss";
 @import "31-molecules/card/_card.scss";
-@import "31-molecules/accordion/_accordion.scss";
-@import "31-molecules/checkboxes-dynamic/_checkboxes-dynamic.scss";
-@import "31-molecules/checkboxes-with-filter/_checkboxes-with-filter.scss";
 @import "31-molecules/contact-details/_contact-details.scss";
+@import "31-molecules/checkboxes-with-filter/_checkboxes-with-filter.scss";
+@import "31-molecules/checkboxes-dynamic/_checkboxes-dynamic.scss";
+@import "31-molecules/cta-block/_cta-block.scss";
+@import "31-molecules/file-download/_file-download.scss";
 @import "31-molecules/display-switcher/_display-switcher.scss";
 @import "31-molecules/file-upload/_file-upload.scss";
-@import "31-molecules/file-download/_file-download.scss";
-@import "31-molecules/cta-block/_cta-block.scss";
 @import "31-molecules/form-actions/_form-actions.scss";
-@import "31-molecules/form-row/_form-row.scss";
 @import "31-molecules/form-item/_form-item.scss";
-@import "31-molecules/highlight/_highlight.scss";
+@import "31-molecules/form-row/_form-row.scss";
+@import "31-molecules/form-steps/_form-steps.scss";
 @import "31-molecules/gentinfo/_gentinfo.scss";
+@import "31-molecules/highlight/_highlight.scss";
 @import "31-molecules/language-switcher/_language-switcher.scss";
-@import "31-molecules/form-steps/_form-steps.scss";
 @import "31-molecules/main-menu/_main-menu.scss";
 @import "31-molecules/mijn-gent-block/_authentication.scss";
-@import "31-molecules/opening-hours/_opening-hours.scss";
 @import "31-molecules/modal/_modal.scss";
 @import "31-molecules/pagination/_pagination.scss";
 @import "31-molecules/partner-block/_partner-block.scss";
+@import "31-molecules/opening-hours/_opening-hours.scss";
 @import "31-molecules/quote/_quote.scss";
 @import "31-molecules/search/_search.scss";
 @import "31-molecules/status-message/_status-message.scss";
-@import "31-molecules/table-of-contents/_table-of-contents.scss";
 @import "31-molecules/subscribe/_subscribe.scss";
+@import "31-molecules/table-of-contents/_table-of-contents.scss";
 @import "31-molecules/tabs/_tabs.scss";
 @import "31-molecules/tag-list/_tag-list.scss";
-@import "31-molecules/teaser/_teaser.scss";
 @import "31-molecules/text-to-speech-button/_text-to-speech-button.scss";
+@import "31-molecules/teaser/_teaser.scss";
 @import "31-molecules/video/_video.scss";
 // endinject

package/build/styleguide/sass/organisms.scss

@@ -2,19 +2,19 @@
 @import "41-organisms/collection/_collection.scss";
 @import "41-organisms/filter/_filter.scss";
 @import "41-organisms/documents/_documents.scss";
-@import "41-organisms/form/_form.scss";
 @import "41-organisms/footer/_footer.scss";
-@import "41-organisms/header/_header.scss";
 @import "41-organisms/image-collections/_image-collections.scss";
+@import "41-organisms/header/_header.scss";
+@import "41-organisms/form/_form.scss";
 @import "41-organisms/image-gallery/_image-gallery.scss";
-@import "41-organisms/multistep-form/_multistep-form.scss";
 @import "41-organisms/image-wall/_image-wall.scss";
-@import "41-organisms/programme/_programme.scss";
+@import "41-organisms/multistep-form/_multistep-form.scss";
 @import "41-organisms/opening-hours-accordion/_opening-hours-accordion.scss";
+@import "41-organisms/theme-footer/_theme-footer.scss";
 @import "41-organisms/resolutions/_resolutions-detail.scss";
 @import "41-organisms/resolutions/_resolutions-list.scss";
+@import "41-organisms/programme/_programme.scss";
 @import "41-organisms/summary/_summary.scss";
-@import "41-organisms/theme-footer/_theme-footer.scss";
 @import "41-organisms/timeline/_timeline.scss";
 @import "41-organisms/footer/css/_gentinfo_island.scss";
 @import "41-organisms/footer/css/_social-list.scss";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gent_styleguide",
-  "version": "5.0.21",
+  "version": "5.0.25",
   "description": "Styleguide Stad.Gent",
   "devDependencies": {
     "@babel/core": "^7.3.4",
@@ -92,6 +92,7 @@
     "scripts/postinstall.js",
     "build/css/**/*",
     "build/styleguide/fonts/**/*",
+    "build/styleguide/googlefonts/**/*",
     "build/styleguide/img/favicon/build/**/*",
     "build/styleguide/img/iconfont/**/*",
     "build/styleguide/img/svg/**/*",