gent_styleguide 2.9.2 → 2.12.0

package/build/styleguide/sass/31-molecules/building-blocks/breadcrumbs/_breadcrumbs.scss

@@ -1,51 +1,47 @@
 .breadcrumb {
   ul,
   ol {
-    &.breadcrumb {
-      display: none;
-      margin: .5rem auto;
-      list-style: none;
+    display: none;
+    margin: .5rem auto .5rem -.35rem;
+    list-style: none;
 
-      @media (min-width: $bp-tablet) {
-        display: block;
-      }
+    @media (min-width: $bp-tablet) {
+      display: block;
+    }
 
-      li {
-        display: inline;
-        margin-left: -.7rem;
-        padding: 0 .7rem;
-        font-size: .7rem;
+    li {
+      display: inline;
+      margin-left: 0;
+      padding-right: .7rem;
+      font-size: .7rem;
 
-        > * {
-          padding: 0 .7rem;
-        }
+      > * {
+        padding: 0 .7rem;
+      }
 
-        a {
-          padding: .4rem;
-          border-radius: $radius-1;
-          text-decoration: none;
+      a {
+        @include element-states(transparent, $bg-hover-breadcrumb, 'background-color');
 
-          &:hover {
-            background-color: $bg-hover-breadcrumb;
-          }
-        }
+        padding: .4rem;
+        border-radius: $radius-1;
+        text-decoration: none;
+      }
 
-        &::after {
-          @extend %icon-base-css;
-          @extend %icon-caret;
-          position: absolute;
-          margin: .4rem .1rem;
-          font-size: .8rem;
-          font-weight: 700;
-        }
+      &::after {
+        @extend %icon-base-css;
+        @extend %icon-caret;
+        position: absolute;
+        margin: .4rem .1rem;
+        font-size: .8rem;
+        font-weight: 700;
+      }
 
-        &:last-of-type {
-          display: inline-block;
-          font-weight: bold;
+      &:last-of-type {
+        display: inline-block;
+        font-weight: bold;
 
-          &::after {
-            display: none;
-          }
+        &::after {
+          display: none;
         }
       }
     }

package/build/styleguide/sass/31-molecules/building-blocks/hamburger-menu/_hamburger-menu.scss

@@ -35,7 +35,7 @@
     width: $hamburger-menu-width;
     max-width: 100%;
     height: 100%;
-    transition: left.5s cubic-bezier(0, 1, .5, 1);
+    transition: left .5s cubic-bezier(0, 1, .5, 1);
     overflow: auto;
     z-index: 9999;
 

package/build/styleguide/sass/31-molecules/status-message/_status-message.scss

@@ -1,5 +1,6 @@
 .messages {
   max-width: 40rem;
+  margin-top: 1rem;
   margin-bottom: 1rem;
   padding: .5rem 1rem;
   border: 1px solid $color-light-blue;

package/build/styleguide/sass/41-organisms/header/_header.scss

@@ -107,7 +107,7 @@ header.header {
           left: 0;
           width: 100%;
           margin: 0;
-          padding: .35rem $gutter-width/2;
+          padding: .35rem $gutter-width*.5;
           background-color: $color-darkest-blue;
 
           input[type="submit"] {
@@ -130,7 +130,7 @@ header.header {
           display: none;
           position: absolute;
           top: .35rem;
-          right: $gutter-width/2;
+          right: $gutter-width*.5;
 
           &.js-form-search-opened {
             display: block;

package/build/styleguide/sass/main_cli.scss

@@ -17,6 +17,7 @@
 @import "11-base/base/_invisible.scss";
 @import "11-base/containers/_containers.scss";
 @import "11-base/fonts/_fonts.scss";
+@import "11-base/forms/_forms.scss";
 @import "11-base/grid/_grid.scss";
 @import "11-base/grid/_responsive-utilities.scss";
 @import "11-base/section/_section.scss";
@@ -29,8 +30,8 @@
 @import "21-atoms/field-error/_field-error.scss";
 @import "21-atoms/fieldset/_fieldset.scss";
 @import "21-atoms/headings/_headings.scss";
-@import "21-atoms/image/_image.scss";
 @import "21-atoms/icons/_icons.scss";
+@import "21-atoms/image/_image.scss";
 @import "21-atoms/inputs/_inputs.scss";
 @import "21-atoms/label/_label.scss";
 @import "21-atoms/link/_link.scss";
@@ -42,8 +43,8 @@
 @import "21-atoms/buttons/button-sm/_button-sm.scss";
 @import "21-atoms/description/description/_description.scss";
 @import "21-atoms/description/figcaption/_figcaption.scss";
-@import "21-atoms/headings/heading-2/_heading-2.scss";
 @import "21-atoms/headings/heading-1/_heading-1.scss";
+@import "21-atoms/headings/heading-2/_heading-2.scss";
 @import "21-atoms/headings/heading-3/_heading-3.scss";
 @import "21-atoms/headings/heading-4/_heading-4.scss";
 @import "21-atoms/headings/heading-5/_heading-5.scss";
@@ -52,8 +53,8 @@
 @import "21-atoms/inputs/input-date/_input-date.scss";
 @import "21-atoms/inputs/input-datetime/_input-datetime.scss";
 @import "21-atoms/inputs/input-email/_input-email.scss";
-@import "21-atoms/inputs/input-multiselect/_input-multiselect.scss";
 @import "21-atoms/inputs/input-multiselect-chosen/_input-multiselect-chosen.scss";
+@import "21-atoms/inputs/input-multiselect/_input-multiselect.scss";
 @import "21-atoms/inputs/input-number/_input-number.scss";
 @import "21-atoms/inputs/input-password/_input-password.scss";
 @import "21-atoms/inputs/input-radio/_input-radio.scss";
@@ -66,30 +67,30 @@
 // endinject
 
 // inject:molecules
-@import "31-molecules/fields/_fields.scss";
 @import "31-molecules/figure/_figure.scss";
-@import "31-molecules/status-message/_status-message.scss";
 @import "31-molecules/logo/_logo.scss";
+@import "31-molecules/fields/_fields.scss";
+@import "31-molecules/status-message/_status-message.scss";
 @import "31-molecules/teaser/_teaser.scss";
-@import "31-molecules/blocks/disclaimer-block/_disclaimer-block.scss";
 @import "31-molecules/blocks/partnership-block/_partnership-block.scss";
+@import "31-molecules/blocks/disclaimer-block/_disclaimer-block.scss";
 @import "31-molecules/blocks/post-address-block/_post-address-block.scss";
 @import "31-molecules/blocks/social-media-block/_social-media-block.scss";
 @import "31-molecules/building-blocks/breadcrumbs/_breadcrumbs.scss";
 @import "31-molecules/building-blocks/cta-link/_cta-link.scss";
 @import "31-molecules/building-blocks/form-steps/_form-steps.scss";
-@import "31-molecules/building-blocks/gallery/_gallery.scss";
 @import "31-molecules/building-blocks/hamburger-menu/_hamburger-menu.scss";
-@import "31-molecules/building-blocks/mijn-gent-block/_mijn-gent-block.scss";
+@import "31-molecules/building-blocks/gallery/_gallery.scss";
 @import "31-molecules/building-blocks/newsletter-block/_newsletter-block.scss";
+@import "31-molecules/building-blocks/mijn-gent-block/_mijn-gent-block.scss";
 @import "31-molecules/building-blocks/page-wide-image/_page-wide-image.scss";
 @import "31-molecules/building-blocks/pagination/_pagination.scss";
-@import "31-molecules/fields/checkbox/_checkbox.scss";
-@import "31-molecules/fields/form-actions/_form-actions.scss";
-@import "31-molecules/fields/multiselect-chosen/_multiselect-chosen.scss";
 @import "31-molecules/islands/gentinfo-island/_gentinfo_island.scss";
 @import "31-molecules/islands/island/_island.scss";
 @import "31-molecules/islands/map-island/_map-island.scss";
+@import "31-molecules/fields/checkbox/_checkbox.scss";
+@import "31-molecules/fields/form-actions/_form-actions.scss";
+@import "31-molecules/fields/multiselect-chosen/_multiselect-chosen.scss";
 // endinject
 
 // inject:organisms

package/nbproject/private/private.properties

@@ -0,0 +1 @@
+browser=Chrome.INTEGRATED

package/nbproject/private/private.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project-private xmlns="http://www.netbeans.org/ns/project-private/1">
+    <open-files xmlns="http://www.netbeans.org/ns/projectui-open-files/2">
+        <group>
+            <file>file:/home/jelle/websites/fractal_styleguide_gent-base/gulpfile.js</file>
+        </group>
+    </open-files>
+</project-private>

package/nbproject/project.properties

@@ -0,0 +1,5 @@
+auxiliary.org-netbeans-modules-css-prep.sass_2e_configured=true
+file.reference.fractal_styleguide_gent-base-public=public
+files.encoding=UTF-8
+site.root.folder=${file.reference.fractal_styleguide_gent-base-public}
+source.folder=

package/nbproject/project.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://www.netbeans.org/ns/project/1">
+    <type>org.netbeans.modules.web.clientproject</type>
+    <configuration>
+        <data xmlns="http://www.netbeans.org/ns/clientside-project/1">
+            <name>gent_styleguide</name>
+        </data>
+    </configuration>
+</project>

package/package.json

@@ -1,33 +1,31 @@
 {
   "name": "gent_styleguide",
-  "version": "2.9.2",
+  "version": "2.12.0",
   "description": "Styleguide Stad.Gent",
   "devDependencies": {
     "@frctl/fractal": "^1.1.7",
     "@frctl/twig": "git+https://github.com/tnottu/fractal-twig-adapter.git",
     "event-stream": "^3.3.4",
-    "gulp": "^3.9.1",
+    "gulp": "^4.0.0",
     "gulp-autoprefixer": "^4.0.0",
     "gulp-bump": "^2.7.0",
     "gulp-contrib-copy": "^0.1.3",
     "gulp-cssnano": "^2.1.2",
     "gulp-eslint": "^4.0.0",
     "gulp-imagemin": "^3.3.0",
-    "gulp-inject": "^4.3.0",
-    "gulp-minify": "^1.0.0",
+    "gulp-inject": "^5.0.3",
+    "gulp-minify": "^3.1.0",
     "gulp-rename": "^1.2.2",
-    "gulp-sass": "^3.1.0",
+    "gulp-sass": "^5.1.0",
     "gulp-sass-glob": "^1.0.8",
-    "gulp-sass-lint": "^1.3.2",
+    "gulp-sass-lint": "^1.4.0",
     "gulp-sourcemaps": "^2.6.0",
     "gulp-watch": "^4.3.11",
     "imagemin-pngquant": "^5.0.1",
     "npm": "^5.3.0",
+    "sass": "^1.58.3",
     "yargs": "^8.0.2"
   },
-  "scripts": {
-    "postinstall": "sh ./postinstall.sh"
-  },
   "authors": [
     "Jeroen Goossens",
     "Freya Van Daele",

package/.github/ISSUE_TEMPLATE.md

@@ -1,32 +0,0 @@
-<!--- Provide a general summary of the issue in the Title above -->
-
-## Expected Behavior
-<!--- If you're describing a bug, tell us what should happen -->
-<!--- If you're suggesting a change/improvement, tell us how it should work -->
-
-## Current Behavior
-<!--- If describing a bug, tell us what happens instead of the expected behavior -->
-<!--- If suggesting a change/improvement, explain the difference from current behavior -->
-
-## Possible Solution
-<!--- Not obligatory, but suggest a fix/reason for the bug, -->
-<!--- or ideas how to implement the addition or change -->
-
-## Steps to Reproduce (for bugs)
-<!--- Provide a link to a live example, or an unambiguous set of steps to -->
-<!--- reproduce this bug. Include code to reproduce, if relevant -->
-1.
-2.
-3.
-4.
-
-## Context
-<!--- How has this issue affected you? What are you trying to accomplish? -->
-<!--- Providing context helps us come up with a solution that is most useful in the real world -->
-
-## Your Environment
-<!--- Include as many relevant details about the environment you experienced the bug in -->
-* Version used:
-* Environment name and version (e.g. Chrome 39, node.js 5.4):
-* Operating System and version (desktop or mobile):
-* Link to your project:

package/.github/PULL_REQUEST_TEMPLATE.md

@@ -1,30 +0,0 @@
-<!--- Provide a general summary of your changes in the Title above -->
-
-## Description
-<!--- Describe your changes in detail -->
-
-## Motivation and Context
-<!--- Why is this change required? What problem does it solve? -->
-<!--- If it fixes an open issue, please link to the issue here. -->
-
-## How Has This Been Tested?
-<!--- Please describe in detail how you tested your changes. -->
-<!--- Include details of your testing environment, and the tests you ran to -->
-<!--- see how your change affects other areas of the code, etc. -->
-
-## Screenshots (if appropriate):
-
-## Types of changes
-<!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: -->
-- [ ] Bug fix (non-breaking change which fixes an issue)
-- [ ] New feature (non-breaking change which adds functionality)
-- [ ] Breaking change (fix or feature that would cause existing functionality to change)
-
-## Checklist:
-<!--- Go over all the following points, and put an `x` in all the boxes that apply. -->
-<!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! -->
-- [ ] My code follows the code style of this project.
-- [ ] My change requires a change to the documentation.
-- [ ] I have updated the documentation accordingly.
-- [ ] I have updated the CHANGELOG accordingly.
-- [ ] I have read the **CONTRIBUTING** document.

package/.mdl.style.rb

@@ -1,9 +0,0 @@
-all
-
-rule 'MD026', :punctuation => ".,;:!"
-rule 'MD029', :style => "ordered"
-
-exclude_rule "MD024"
-exclude_rule "MD028"
-exclude_rule "MD033" # Until https://github.com/markdownlint/markdownlint/issues/189 is fixed 
-exclude_rule "MD041"

package/.mdlrc

@@ -1 +0,0 @@
-style ".mdl.style.rb"

package/.travis.yml

@@ -1,27 +0,0 @@
-sudo: false
-os:
-  - osx
-  - linux
-language: node_js
-node_js:
-  - "4"
-  - "5"
-  - "6"
-  - "7"
-  - "8"
-cache: yarn
-matrix:
-  fast_finish: true
-  allow_failures:
-    - os: osx
-    - node_js: "4"
-    - node_js: "5"
-    - node_js: "7"
-before_install:
-  - node --version
-  - npm --version
-install:
-  - npm install -g gulp-cli yarn
-  - yarn
-script:
-  - gulp validate

package/build/styleguide/vendor/chosen-js/README.md

@@ -1,47 +0,0 @@
-# Chosen
-
-Chosen is a library for making long, unwieldy select boxes more user friendly.
-
-- jQuery support: 1.7+
-- Prototype support: 1.7+
-
-For **documentation**, usage, and examples, see:
-http://harvesthq.github.io/chosen/
-
-For **downloads**, see:
-https://github.com/harvesthq/chosen/releases/
-
-### Package managers
-
-Chosen is available through [Bower](https://bower.io/) and [npm](https://www.npmjs.com),
-_however, the package names are not the same_.
-
-To install with Bower:
-
-```
-bower install chosen
-```
-
-To install with npm:
-
-```
-npm install chosen-js
-```
-
-The compiled files for these packages are automatically generated and stored in a [2nd Chosen repository](https://github.com/harvesthq/chosen-package). No pull requests will be accepted to that repository.
-
-### Contributing to this project
-
-We welcome all to participate in making Chosen the best software it can be. The repository is maintained by only a few people, but has accepted contributions from over 50 authors after reviewing hundreds of pull requests related to thousands of issues. You can help reduce the maintainers' workload (and increase your chance of having an accepted contribution to Chosen) by following the
-[guidelines for contributing](contributing.md).
-
-* [Bug reports](contributing.md#bugs)
-* [Feature requests](contributing.md#features)
-* [Pull requests](contributing.md#pull-requests)
-
-### Chosen Credits
-
-- Concept and development by [Patrick Filler](http://patrickfiller.com) for [Harvest](http://getharvest.com/).
-- Design and CSS by [Matthew Lettini](http://matthewlettini.com/)
-- Repository maintained by [@pfiller](http://github.com/pfiller), [@kenearley](http://github.com/kenearley), [@stof](http://github.com/stof), [@koenpunt](http://github.com/koenpunt), and [@tjschuck](http://github.com/tjschuck).
-- Chosen includes [contributions by many fine folks](https://github.com/harvesthq/chosen/contributors).