Merge branch 'release/1.1.0'

* release/1.1.0: (31 commits)
  Fix version compare link
  Adjust release date of 1.1.0
  Update keywords in package.json
  Add install command to README
  Add CHANGELOG
  Add Google Web Fundamentals to principles
  Mention principles
  Use same folder structure as in other foundations
  Bump minor version number
  Use self-hosted logo
  Update build commands
  Use self-hosted logo
  Improve formatting
  Remove redundant styles
  Improve generic link styles
  Improve debugging documentation
  Add vertical-base function and fix vertical rhythm
  Add print category to styleguide
  Optimize aigis preview styles for retina displays
  Improve components documentation and examples
  ...

.gitignore

@@ -1,4 +1,5 @@
 .idea/
 node_modules/
-.sass-cache
+.sass-cache/
 build/
+styleguide/

CHANGELOG.md

@@ -0,0 +1,27 @@
+# [1.1.0]
+###### 2017-03-24
+
+Lots of new features have been added. 👏
+
+###### Added
+- Styleguide generation with [Aigis]
+- Custom extension of the [rscss] system called *«exceptions»*
+- [Vertical Rhythm] functions and base styles
+- More (hopefully) self-explanatory components
+
+###### Changed
+- All Sass files are now in a `src` folder for consistency reasons to other [foundations]
+- The `meta/_config.scss` has been dumped in favor of more tiny semantic files like [`_colors.scss`](./src/meta/_colors.scss) or [`_breakpoints.scss`](./src/meta/_breakpoints.scss)
+- [Debugging styles](./src/shared/_debug.scss) have been split into separate single purpose classes
+
+# 1.0.0
+###### 2017-02-21
+
+First public release! 🎉
+
+[1.1.0]: https://github.com/gridonic/sass/compare/1.0.0...1.1.0
+
+[Aigis]: https://pxgrid.github.io/aigis/
+[rscss]: http://rscss.io/
+[Vertical Rhythm]: https://zellwk.com/blog/why-vertical-rhythms/
+[foundations]: https://github.com/search?q=topic%3Afoundation+org%3Agridonic&type=Repositories

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Gridonic AG
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,14 +1,44 @@
-<p align="center"><img src="http://sass-lang.com/assets/img/logos/logo-b6e1ef6e.svg" alt="Sass" width="128"></p>
+<p align="center"><img src="https://gridonic.github.io/assets/images/logos/sass.svg" alt="Sass" width="128"></p>
 
 # Sass foundation
 
-This repository represents our starting point for creating CSS styles.
+This repository represents our starting point for creating CSS styles. Also comes with [Aigis] for generating a styleguide.
 
 Uses the following libraries by default:
 
 - [normalize.css]
 - [include-media]
 
+🙏 Obeys those principles:
+
+- [rscss] *with a [tiny extension]*
+- [Vertical Rhythm]
+- [Google Web Fundamentals]
+
+Have fun! ✌️
+
+## Build setup
+
+```bash
+# install dependencies
+yarn
+
+# builds the css files
+npm run build
+
+# builds the css files in production mode (compressed)
+npm run build:prod
+
+# builds the styleguide
+npm run styleguide
+
+# watches the sass files for changes and builds them automatically
+npm run watch
+
+# tests if the sass files would build without errors
+npm test
+```
+
 #  
 <p align="center">
   <a href="https://gridonic.ch">gridonic.ch</a> ・
@@ -18,3 +48,8 @@ Uses the following libraries by default:
 
 [normalize.css]: https://necolas.github.io/normalize.css/
 [include-media]: http://include-media.com/
+[Aigis]: ./aigis
+[rscss]: http://rscss.io/
+[tiny extension]: ./src/_exceptions.scss
+[Vertical Rhythm]: https://zellwk.com/blog/why-vertical-rhythms/
+[Google Web Fundamentals]: https://developers.google.com/web/fundamentals

aigis/README.md

@@ -0,0 +1,18 @@
+<p align="center"><img src="https://gridonic.github.io/assets/images/logos/aigis.svg" alt="Aigis" width="128"></p>
+
+# Aigis styleguide generator
+
+We are using [Aigis] to generate our styleguides. See the [official docs] for additional information and examples.
+
+[Aigis]: https://pxgrid.github.io/aigis/
+[official docs]: https://pxgrid.github.io/aigis/docs/en/
+
+#  
+<p align="center">
+  <a href="https://gridonic.ch">gridonic.ch</a> ・
+  <a href="https://gridonic.github.io">gridonic.github.io</a> ・
+  <a href="https://twitter.com/gridonic">@gridonic</a>
+</p>
+
+[normalize.css]: https://necolas.github.io/normalize.css/
+[include-media]: http://include-media.com/

aigis/assets/css/highlight/duotone-dark.css

@@ -0,0 +1,168 @@
+/*
+Name: Duotone Dark
+Author: Simurai, adapted from DuoTone themes for Atom (http://simurai.com/projects/2016/01/01/duotone-themes)
+
+Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-evening-dark.css)
+Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
+*/
+
+code[class*="language-"],
+pre[class*="language-"] {
+  font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
+  font-size: 14px;
+  line-height: 1.375;
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+  background: #2a2734;
+  color: #9a86fd;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #6a51e6;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #6a51e6;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #6c6783;
+}
+
+.token.punctuation {
+  color: #6c6783;
+}
+
+.token.namespace {
+  opacity: .7;
+}
+
+.token.tag,
+.token.operator,
+.token.number {
+  color: #e09142;
+}
+
+.token.property,
+.token.function {
+  color: #9a86fd;
+}
+
+.token.tag-id,
+.token.selector,
+.token.atrule-id {
+  color: #eeebff;
+}
+
+code.language-javascript,
+.token.attr-name {
+  color: #c4b9fe;
+}
+
+code.language-css,
+code.language-scss,
+.token.boolean,
+.token.string,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.language-scss .token.string,
+.style .token.string,
+.token.attr-value,
+.token.keyword,
+.token.control,
+.token.directive,
+.token.unit,
+.token.statement,
+.token.regex,
+.token.atrule {
+  color: #ffcc99;
+}
+
+.token.placeholder,
+.token.variable {
+  color: #ffcc99;
+}
+
+.token.deleted {
+  text-decoration: line-through;
+}
+
+.token.inserted {
+  border-bottom: 1px dotted #eeebff;
+  text-decoration: none;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.important {
+  color: #c4b9fe;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+pre > code.highlight {
+  outline: .4em solid #8a75f5;
+  outline-offset: .4em;
+}
+
+/* overrides color-values for the Line Numbers plugin
+ * http://prismjs.com/plugins/line-numbers/
+ */
+.line-numbers .line-numbers-rows {
+  border-right-color: #2c2937;
+}
+
+.line-numbers-rows > span:before {
+  color: #3c3949;
+}
+
+/* overrides color-values for the Line Highlight plugin
+* http://prismjs.com/plugins/line-highlight/
+*/
+.line-highlight {
+  background: rgba(224, 145, 66, 0.2);
+  background: -webkit-linear-gradient(left, rgba(224, 145, 66, 0.2) 70%, rgba(224, 145, 66, 0));
+  background: linear-gradient(to right, rgba(224, 145, 66, 0.2) 70%, rgba(224, 145, 66, 0));
+}