From d7d7aac32002d8caacdf9706021478a90a30ce0e Mon Sep 17 00:00:00 2001
From: nirgendswo <me@nirgendswo.de>
Date: Thu, 17 Aug 2017 00:27:59 +0200
Subject: [PATCH] adding styles

---
 README.md         | 26 +++++++++++++++++---------
 scss/example.scss | 26 ++++++++++++++++++--------
 2 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index 5a93f32..2d1bf8d 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,14 @@
 # cripsy-boilerplate
 
-A simple mini-framework for basic styling and few Functions to simplify handling with values.
+Flat Sass Boilerplate to give you a amount of Basic Settings, Mixins and Functions.
+
+```
+npm install crispy-boilerplate --save
+```
 
 ## Components
 
-There a few Components that also provide a Closure to adding additional Styles.
+There a few Components, some are also provide a Closure to adding additional Styles.
 
 ### body
 
@@ -12,15 +16,15 @@ Styles for Body, including Format for Fonts and Colors.
 
 ### button
 
-Styles for Button.
+Styles for Buttons.
 
 ### icon
 
-Basic Styles for SVG-Icons.
+Styles to use SVG as Icons.
 
 ### list
 
-Additional Styles for lists, also Modificators for horzizonal lists.
+Additional Styles for Lists and modificators.
 
 ### heading
 
@@ -28,7 +32,11 @@ Styling h1-h6 and create also CSS-Classes with same name.
 
 ### normalize
 
-Basic Normalizing for a few Elements. Also adding to some elements a basic margin.
+Normalizing for a few Elements.
+
+### text-colors
+
+Creates text-colors modificators from a
 
 ## Functions
 
@@ -40,8 +48,8 @@ Function to convert from px to em or rem.
 
 ### clearfix
 
-Styling for Clearfix with pseudo-classes.
+Styles for clearfix.
 
-### fontSite
+### font-size
 
-Using pxToRem for font-size, also include a fallback to px.
+Add font-size with fallback.
diff --git a/scss/example.scss b/scss/example.scss
index ae86a55..3c83b38 100644
--- a/scss/example.scss
+++ b/scss/example.scss
@@ -1,19 +1,29 @@
 @import
     'CrispyBoilerplate';
 
-@include crispy-boilerplate-normalize();
-
 @include crispy-boilerplate-align();
-@include crispy-boilerplate-body();
-@include crispy-boilerplate-button();
+@include crispy-boilerplate-list();
+@include crispy-boilerplate-text-colors();
+
+@include crispy-boilerplate-normalize() {
+    // adding styles
+};
+
+@include crispy-boilerplate-body() {
+    // adding styles
+};
+
+@include crispy-boilerplate-button() {
+    // adding styles
+};
 
 @include crispy-boilerplate-heading() {
-    text-decoration: underline;
+    // adding styles
 };
 
-@include crispy-boilerplate-icon();
-@include crispy-boilerplate-list();
-@include crispy-boilerplate-text-colors();
+@include crispy-boilerplate-icon() {
+    // adding styles
+};
 
 .clearfix {
     @include crispy-boilerplate-clearfix();