From 93ce0c88dafea277edb96331421371e94bfeeda4 Mon Sep 17 00:00:00 2001
From: mrmrs <hi@mrmrs.cc>
Date: Sun, 17 May 2015 21:29:50 +0800
Subject: [PATCH] Update documentation comments in src modules.

---
 src/_background-size.css | 12 ++++++++++++
 src/_base.css            |  6 ++++++
 src/_border-colors.css   | 10 ++++++++++
 src/_border-widths.css   |  1 +
 src/_widths.css          | 28 ++++++++++++++++++++++++++++
 5 files changed, 57 insertions(+)

diff --git a/src/_background-size.css b/src/_background-size.css
index b6ff230..00596d4 100644
--- a/src/_background-size.css
+++ b/src/_background-size.css
@@ -2,6 +2,18 @@
 
    BACKGROUND SIZE
 
+   Base:
+    bg = background-size
+
+   Modifiers:
+    cv = cover
+    cn = contain
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
 */
 
   .bg-cv  {               background-size: cover; }
diff --git a/src/_base.css b/src/_base.css
index 3f9657f..8e3094b 100644
--- a/src/_base.css
+++ b/src/_base.css
@@ -1,3 +1,9 @@
+/*
+
+  BASE
+
+*/
+
 html,
 body {
   height: 100%;
diff --git a/src/_border-colors.css b/src/_border-colors.css
index 6875b25..2304a3b 100644
--- a/src/_border-colors.css
+++ b/src/_border-colors.css
@@ -2,6 +2,16 @@
 
    BORDER COLORS
 
+   Use in cobmination with the _borders.css module
+   Or for more flexibility the _border-styles.css and _border-widths.css modules
+
+   Base:
+     b-- = border
+
+   Modifiers:
+     Add a border color. There is a one to one mapping of color values
+     in the _colors.css module.
+
  */
 
 .b--black {        border-color: var(--black); }
diff --git a/src/_border-widths.css b/src/_border-widths.css
index 6c8dc2f..c88255e 100644
--- a/src/_border-widths.css
+++ b/src/_border-widths.css
@@ -1,4 +1,5 @@
 /*
+
    BORDER WIDTHS
 
    Base:
diff --git a/src/_widths.css b/src/_widths.css
index 4231575..53c00d0 100644
--- a/src/_widths.css
+++ b/src/_widths.css
@@ -2,6 +2,34 @@
 
    WIDTHS
 
+   Base:
+     w = width
+
+   Modifiers
+     1 = 1st step in width scale
+     2 = 2nd step in width scale
+     3 = 3rd step in width scale
+     4 = 4th step in width scale
+     5 = 5th step in width scale
+
+     -10  = literal value 10%
+     -20  = literal value 20%
+     -25  = literal value 25%
+     -33  = literal value 33%
+     -34  = literal value 34%
+     -40  = literal value 40%
+     -50  = literal value 50%
+     -60  = literal value 60%
+     -75  = literal value 75%
+     -80  = literal value 80%
+     -100 = literal value 100%
+
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
 */
 
 /* Width Scale */