gent_styleguide 5.0.20 → 5.0.24

package/CHANGELOG.md

@@ -3,6 +3,48 @@
 All notable changes to this style guide are documented here.
 
 
+## [5.0.24]
+
+### Add
+
+* STIJ-427: Add G-sport icon to font
+
+
+## [5.0.22]
+
+### Add
+
+* GENERAL: Add .nvmrc file - at the terminal prompt type `nvm use`
+* STIJ-412: Add spotimages question / ball / badminton / paperclip
+* STIJ-425: Add visualisation to disabled form states
+
+### Fix
+
+* STIJ-426: Fix uniform font-sizes in lists
+
+### Change
+
+* DTGB-874: Selfhost webfonts
+
+
+## [5.0.21]
+
+### Add
+
+* STIJ-414: Add extra large button
+* STIJ-423: Add resolutions component
+
+### Fix
+
+* STIJ-422: Fix no Timeline paddings to fix SG modifiers
+* STIJ-421: Fix icons
+* STIJ-391: Fix change Slack reference to email
+* STIJ-400: Fix extra top spacing for field-message
+* STIJ-390: Fix reverse striped rows behaviour on tables
+* STIJ-403: Fix large button min-height
+* STIJ-395: Fix disabled state for select elements
+
+
 ## [5.0.20]
 
 ### Add
@@ -27,6 +69,7 @@ All notable changes to this style guide are documented here.
 
 * STIJ-413: Add Label list atom
 
+
 ## [5.0.17]
 
 ### Add

package/build/css/41-organisms/besluiten-lijst/besluiten-detail.css

@@ -0,0 +1,80 @@
+.besluiten-detail {
+  display: -ms-grid;
+  display: grid;
+  position: relative;
+  margin: 0 0 .8rem;
+  padding: .8rem 1rem;
+  border-radius: .375rem;
+  background-color: #fff;
+  line-height: 1.75;
+  -ms-grid-columns: 1fr;
+  grid-template-columns: 1fr;
+  grid-auto-rows: auto;
+  grid-column-gap: 1rem; }
+  .besluiten-detail__title {
+    margin-bottom: .2rem;
+    font-size: .9rem;
+    -ms-grid-row: 1;
+    grid-row: 1; }
+  .besluiten-detail__link {
+    border: 0; }
+    .besluiten-detail__link::before {
+      position: absolute;
+      content: '';
+      z-index: 1;
+      inset: 0; }
+  .besluiten-detail__list {
+    margin: 0;
+    font-size: .6rem; }
+    .besluiten-detail__list dt {
+      display: inline-block;
+      position: relative;
+      font-weight: 600; }
+    .besluiten-detail__list dd {
+      display: inline-block;
+      position: relative;
+      margin: 0;
+      padding: 0; }
+    .besluiten-detail__list dt ~ dd:not(:last-of-type) {
+      -webkit-margin-end: .7em;
+              margin-inline-end: .7em; }
+      .besluiten-detail__list dt ~ dd:not(:last-of-type)::after {
+        position: absolute;
+        top: .2rem;
+        right: -.5em;
+        bottom: .2rem;
+        border-right: thin solid currentColor;
+        content: ""; }
+  .besluiten-detail__status {
+    display: inline-block;
+    position: relative;
+    margin-top: .6rem;
+    padding: .4em .8em .6em;
+    border: 1px solid transparent;
+    border-radius: .2rem;
+    font-size: .6rem;
+    line-height: 1.1;
+    -ms-grid-column-align: start;
+        justify-self: start; }
+    .besluiten-detail__status--true {
+      background-color: #ceeacc;
+      color: #1c5418; }
+    .besluiten-detail__status--false {
+      background-color: #fcc5cf;
+      color: #78081a; }
+
+@media (min-width: 768px) {
+  .besluiten-detail {
+    -ms-grid-columns: 1fr minmax(auto, 6rem);
+    grid-template-columns: 1fr minmax(auto, 6rem); }
+  .besluiten-detail__status {
+    -ms-grid-row-align: start;
+        align-self: start;
+    margin: 0;
+    -ms-grid-column-align: end;
+        justify-self: end;
+    -ms-grid-row: 1;
+    grid-row: 1;
+    grid-column: 2 / -1; } }
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjQxLW9yZ2FuaXNtcy9iZXNsdWl0ZW4tbGlqc3QvYmVzbHVpdGVuLWRldGFpbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsaUJBQWE7RUFBYixhQUFhO0VBQ2Isa0JBQWtCO0VBQ2xCLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIsc0JBQXNCO0VBQ3RCLHNCQUFzQjtFQUN0QixpQkFBaUI7RUFDakIscUJBQTBCO0VBQTFCLDBCQUEwQjtFQUMxQixvQkFBb0I7RUFDcEIscUJBQXFCLEVBQUE7RUFFckI7SUFDRSxvQkFBb0I7SUFDcEIsZ0JBQWdCO0lBQ2hCLGVBQVc7SUFBWCxXQUFXLEVBQUE7RUFHYjtJQUNFLFNBQVMsRUFBQTtJQURWO01BSUcsa0JBQWtCO01BQ2xCLFdBQVc7TUFDWCxVQUFVO01BQ1YsUUFBUSxFQUFBO0VBSVo7SUFDRSxTQUFTO0lBQ1QsZ0JBQWdCLEVBQUE7SUFGakI7TUFLRyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLGdCQUFnQixFQUFBO0lBUG5CO01BV0cscUJBQXFCO01BQ3JCLGtCQUFrQjtNQUNsQixTQUFTO01BQ1QsVUFBVSxFQUFBO0lBZGI7TUFrQkcsd0JBQXVCO2NBQXZCLHVCQUF1QixFQUFBO01BbEIxQjtRQXFCSyxrQkFBa0I7UUFDbEIsVUFBVTtRQUNWLFlBQVk7UUFDWixhQUFhO1FBQ2IscUNBQXFDO1FBQ3JDLFdBQVcsRUFBQTtFQUtqQjtJQUNFLHFCQUFxQjtJQUNyQixrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLHVCQUF1QjtJQUN2Qiw2QkFBNkI7SUFDN0Isb0JBQW9CO0lBQ3BCLGdCQUFnQjtJQUNoQixnQkFBZ0I7SUFDaEIsNEJBQW1CO1FBQW5CLG1CQUFtQixFQUFBO0lBRW5CO01BRUUseUJBQXlCO01BQ3pCLGNBQWMsRUFBQTtJQUdoQjtNQUVFLHlCQUF5QjtNQUN6QixjQUFjLEVBQUE7O0FBeUJwQjtFQUNFO0lBQ0Usd0NBQTZDO0lBQTdDLDZDQUE2QyxFQUFBO0VBRy9DO0lBRUUseUJBQWlCO1FBQWpCLGlCQUFpQjtJQUNqQixTQUFTO0lBQ1QsMEJBQWlCO1FBQWpCLGlCQUFpQjtJQUVqQixlQUFXO0lBQVgsV0FBVztJQUNYLG1CQUFtQixFQUFBLEVBQ3BCIiwiZmlsZSI6IjQxLW9yZ2FuaXNtcy9iZXNsdWl0ZW4tbGlqc3QvYmVzbHVpdGVuLWRldGFpbC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYmVzbHVpdGVuLWRldGFpbCB7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAwIDAgLjhyZW07XG4gIHBhZGRpbmc6IC44cmVtIDFyZW07XG4gIGJvcmRlci1yYWRpdXM6IC4zNzVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGxpbmUtaGVpZ2h0OiAxLjc1O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1hdXRvLXJvd3M6IGF1dG87XG4gIGdyaWQtY29sdW1uLWdhcDogMXJlbTtcblxuICAmX190aXRsZSB7XG4gICAgbWFyZ2luLWJvdHRvbTogLjJyZW07XG4gICAgZm9udC1zaXplOiAuOXJlbTtcbiAgICBncmlkLXJvdzogMTtcbiAgfVxuXG4gICZfX2xpbmsge1xuICAgIGJvcmRlcjogMDtcblxuICAgICY6OmJlZm9yZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgICBpbnNldDogMDtcbiAgICB9XG4gIH1cblxuICAmX19saXN0IHtcbiAgICBtYXJnaW46IDA7XG4gICAgZm9udC1zaXplOiAuNnJlbTtcblxuICAgIGR0IHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgfVxuXG4gICAgZGQge1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG5cbiAgICBkdCB+IGRkOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgICBtYXJnaW4taW5saW5lLWVuZDogLjdlbTtcblxuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogLjJyZW07XG4gICAgICAgIHJpZ2h0OiAtLjVlbTtcbiAgICAgICAgYm90dG9tOiAuMnJlbTtcbiAgICAgICAgYm9yZGVyLXJpZ2h0OiB0aGluIHNvbGlkIGN1cnJlbnRDb2xvcjtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAmX19zdGF0dXMge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luLXRvcDogLjZyZW07XG4gICAgcGFkZGluZzogLjRlbSAuOGVtIC42ZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLXJhZGl1czogLjJyZW07XG4gICAgZm9udC1zaXplOiAuNnJlbTtcbiAgICBsaW5lLWhlaWdodDogMS4xO1xuICAgIGp1c3RpZnktc2VsZjogc3RhcnQ7XG5cbiAgICAmLS10cnVlIHtcbiAgICAgIC8vQGV4dGVuZCAuaWNvbi1jaGVja21hcmstY2lyY2xlXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjY2VlYWNjO1xuICAgICAgY29sb3I6ICMxYzU0MTg7XG4gICAgfVxuXG4gICAgJi0tZmFsc2Uge1xuICAgICAgLy9AZXh0ZW5kIC5pY29uLWNyb3NzXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmNjNWNmO1xuICAgICAgY29sb3I6ICM3ODA4MWE7XG4gICAgfVxuICB9XG59XG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5cblxuXG5AbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLmJlc2x1aXRlbi1kZXRhaWwge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIG1pbm1heChhdXRvLCA2cmVtKTtcbiAgfVxuXG4gIC5iZXNsdWl0ZW4tZGV0YWlsX19zdGF0dXMge1xuXG4gICAgYWxpZ24tc2VsZjogc3RhcnQ7XG4gICAgbWFyZ2luOiAwO1xuICAgIGp1c3RpZnktc2VsZjogZW5kO1xuXG4gICAgZ3JpZC1yb3c6IDE7XG4gICAgZ3JpZC1jb2x1bW46IDIgLyAtMTtcbiAgfVxufVxuIl19 */

package/build/css/41-organisms/besluiten-lijst/besluiten-lijst.css

@@ -0,0 +1,19 @@
+.besluiten-lijst .highlight__inner {
+  padding-right: 2rem !important; }
+
+.besluiten-lijst.cs--cyan .highlight--top .highlight__inner::before {
+  background-image: url("hammer.svg"); }
+
+.besluiten-lijst__items {
+  margin-block: 1rem; }
+
+.besluiten-lijst__cta {
+  -ms-flex-item-align: start;
+      -ms-grid-row-align: start;
+      align-self: start; }
+
+@media (min-width: 768px) {
+  .besluiten-lijst__title {
+    max-width: calc(100% - 8rem); } }
+
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjQxLW9yZ2FuaXNtcy9iZXNsdWl0ZW4tbGlqc3QvYmVzbHVpdGVuLWxpanN0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0E7RUFDRSw4QkFBOEIsRUFBQTs7QUFHaEM7RUFDRSxtQ0FBbUMsRUFBQTs7QUFHckM7RUFDRSxrQkFBa0IsRUFBQTs7QUFHcEI7RUFDRSwwQkFBaUI7TUFBakIseUJBQWlCO01BQWpCLGlCQUFpQixFQUFBOztBQUduQjtFQUNFO0lBQ0UsNEJBQTRCLEVBQUEsRUFDN0IiLCJmaWxlIjoiNDEtb3JnYW5pc21zL2Jlc2x1aXRlbi1saWpzdC9iZXNsdWl0ZW4tbGlqc3QuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gc2Fzcy1saW50OmRpc2FibGUgbm8taW1wb3J0YW50XG4uYmVzbHVpdGVuLWxpanN0IC5oaWdobGlnaHRfX2lubmVyIHtcbiAgcGFkZGluZy1yaWdodDogMnJlbSAhaW1wb3J0YW50O1xufVxuXG4uYmVzbHVpdGVuLWxpanN0LmNzLS1jeWFuIC5oaWdobGlnaHQtLXRvcCAuaGlnaGxpZ2h0X19pbm5lcjo6YmVmb3JlIHtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdoYW1tZXIuc3ZnJyk7XG59XG5cbi5iZXNsdWl0ZW4tbGlqc3RfX2l0ZW1zIHtcbiAgbWFyZ2luLWJsb2NrOiAxcmVtO1xufVxuXG4uYmVzbHVpdGVuLWxpanN0X19jdGEge1xuICBhbGlnbi1zZWxmOiBzdGFydDtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDc2OHB4KSB7XG4gIC5iZXNsdWl0ZW4tbGlqc3RfX3RpdGxlIHtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSAtIDhyZW0pO1xuICB9XG59XG4iXX0= */