readme

Author: antoine3000

README.md

@@ -1,15 +1,69 @@
-# Variable3000
+# Variable 3000
+
+## Blocks & variations
+
+### Index
+#### Styles
+- width
+  - width-full
+  - width-twothird
+  - width-half
+  - width-third
+- spacing
+  - spacing-xs
+  - spacing-sm
+  - spacing-md
+  - spacing-lg
+  - spacing-xl
+- background-color
+  - bg-dark
+  - bg-light
+- text-color
+  - text-dark
+  - text-light
+
+#### Layouts
+- grid
+- list
+
+### Article
+#### Styles
+- width
+  - width-full
+  - width-twothird
+  - width-half
+  - width-third
+- spacing
+  - spacing-xs
+  - spacing-sm
+  - spacing-md
+  - spacing-lg
+  - spacing-xl
+- background-color
+  - bg-dark
+  - bg-light
+- text-color
+  - text-dark
+  - text-light
+#### Layouts
+- scroll
+  - scroll-contain
+  - scroll-full
+- grid
+  - grid-push
+  - grid-cover
+  - grid-repeat
+- slide
+  - slide-cover
+  - slide-contain
 
 ## Tools
 
 ### Patternlab
-Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles.
 https://github.com/pattern-lab/patternengine-php-twig
 
 ### Gulp
-Gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow
 https://github.com/gulpjs/gulp
 
 ### Twig
-Twig is a modern template engine for PHP
 http://twig.sensiolabs.org/

patternlab/source/_patterns/02-templates/article-scroll.twig

@@ -0,0 +1,7 @@
+{% extends "base.twig" %}
+
+{% block content %}
+<article class="article scroll">
+  
+</article>
+{% endblock %}