Merge branch 'release/1.5.0'

* release/1.5.0: (40 commits)
  ➡️ 1.5.0
  Fix magic importer not importing multiple times
  Update dependencies
  Use vendor stylesheet file for styleguide as well
  Fix typo in aigis main.js
  Use config hash for commonly used paths
  Use separate stylesheet for vendor files
  Apply generic styles only in styleguide-content element
  Code previews should have more top margin
  Use em over rem
  Improve blockquote styles
  Add owner to sidebar
  Make sure styleguide content is always 100% viewport height
  Add Gridonic logo
  Add generic hr styles
  Improve typography documentation
  Don’t break or hyphenate inline code
  Improve color visualization
  Update dark theme
  Move timestamp into sidebar and drop footer
  ...

CHANGELOG.md

@@ -1,3 +1,20 @@
+# [1.5.0]
+###### 2017-08-24
+
+###### Added
+- [Family.scss] for easier handling of `:nth-child` styles
+- [cssnano] for compressing the production build
+- [StyleStats] to collect some CSS statistics
+- Source maps for default build
+
+###### Changed
+- Use separate stylesheet for vendor files
+- Use config hash for commonly used paths
+- Lots of tiny improvements to styleguide (styles)
+
+###### Fixed
+- Magic importer not importing files multiple times
+
 # [1.4.1]
 ###### 2017-05-18
 
@@ -93,6 +110,7 @@ Lots of new features have been added. 👏
 
 First public release! 🎉
 
+[1.5.0]: https://github.com/gridonic/sass/compare/1.4.1...HEAD
 [1.4.1]: https://github.com/gridonic/sass/compare/1.4.0...1.4.1
 [1.4.0]: https://github.com/gridonic/sass/compare/1.3.0...1.4.0
 [1.3.0]: https://github.com/gridonic/sass/compare/1.2.0...1.3.0
@@ -118,3 +136,6 @@ First public release! 🎉
 [browserlist]: http://browserl.ist/?q=last+2+versions
 [HTML Validator]: https://github.com/zrrrzzt/html-validator
 [validator.w3.org/nu]: https://validator.w3.org/nu/
+[Family.scss]: https://lukyvj.github.io/family.scss/
+[cssnano]: http://cssnano.co/
+[StyleStats]: https://github.com/t32k/stylestats

README.md

@@ -14,6 +14,7 @@ This repository represents our starting point for creating *sane*, *scalable* an
 
 - [normalize.css]
 - [include-media]
+- [family.scss]
 
 🙏 Obeys those principles:
 
@@ -47,6 +48,9 @@ npm run styleguide
 # generates the code documentation
 npm run docs
 
+# shows some statistics about the compiled css
+npm run stats
+
 # watches the sass files for changes and builds them automatically
 # including the styleguide and the docs
 npm run watch
@@ -80,3 +84,4 @@ npm run test:visual
 [Gemini]: ./gemini
 [downloaded]: https://github.com/gridonic/sass/releases/latest
 [recipes]: https://github.com/gridonic/sass/wiki/Recipes
+[family.scss]: https://lukyvj.github.io/family.scss/

aigis/assets/css/themes/dark.css

@@ -14,17 +14,13 @@
     background-color: #fefefe;
 }
 
-.styleguide-footer {
-    background-color: #2a2433;
-    color: #fefefe;
-}
-
 .styleguide-nav-tags > .link {
-    border-color: #fefefe;
+    border-color: rgba(255, 255, 255, 0.125);
 }
 
 .styleguide-nav-tags > .link:hover {
     background-color: #fefefe;
+    border-color: #fefefe;
     color: #2a2433;
 }
 

aigis/assets/js/main.js

@@ -1,4 +1,4 @@
-requirejs(['tree', 'highlight'], function (Tree, HighlightJS) {
+require(['tree', 'highlight'], function (Tree, HighlightJS) {
     HighlightJS.initHighlighting();
 
     var $tree = document.querySelector('[data-tree]');

aigis/config.yml

@@ -2,7 +2,7 @@
 
 # Specify relative path to a source file (or directory).
 source:
-    - ../build
+    - ../build/styles.css
 
 # Only consider files with those extensions.
 source_type:
@@ -14,6 +14,7 @@ dest: ../styleguide
 # Specify dependent file and directory for the style guide.
 dependencies:
   - ./assets
+  - ../build
 
 # Specify directory of template for generating style guide.
 template_dir: ./templates