update docs and add accent p,span,h1-h6...

3 files changed, 42 insertions, 4 deletions

diff --git a/src/_buttons.scss b/src/_buttons.scss
index 9158f0f..4233662 100644
--- a/src/_buttons.scss
+++ b/src/_buttons.scss
@@ -23,8 +23,9 @@
   }
   &:focus,
   &:hover {
-    background: $secondary-color;
-    border-color: $primary-color-dark;
+    background: none;
+    border-color: #90acff;
+    color: #5a9bf0;
     text-decoration: none;
   }
   &:active,
diff --git a/src/_typography.scss b/src/_typography.scss
index 3c7ac7f..50ff598 100644
--- a/src/_typography.scss
+++ b/src/_typography.scss
@@ -48,8 +48,42 @@ h6,
 // Paragraphs
 p {
   margin: 0 0 $line-height;
+  color: darken($body-font-color, 2%);
 }
 
+h1.accent,
+h2.accent,
+h3.accent,
+h4.accent,
+h5.accent,
+span.accent,
+p.accent {
+  color: $body-font-color-accent !important;
+}
+
+h1.accent-2,
+h2.accent-2,
+h3.accent-2,
+h4.accent-2,
+h5.accent-2,
+h6.accent-2,
+span.accent-2,
+p.accent-2 {
+  color: $body-font-color-accent2 !important;
+}
+
+h1.accent-3,
+h2.accent-3,
+h3.accent-3,
+h4.accent-3,
+h5.accent-3,
+h6.accent-3,
+span.accent-3,
+p.accent-3 {
+  color: $body-font-color-accent2 !important;
+}
+
+
 // Semantic text elements
 a,
 ins,
diff --git a/src/_variables.scss b/src/_variables.scss
index 5599656..90ed163 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -16,11 +16,11 @@ $secondary-color-light: lighten($secondary-color, 3%) !default;
 $dark-color: #000 !default;
 $light-color: #000 !default;
 $gray-color: lighten($dark-color, 55%) !default;
-$gray-color-dark: darken($gray-color, 30%) !default;
+$gray-color-dark: darken($gray-color, 10%) !default;
 $gray-color-light: lighten($gray-color, 20%) !default;
 
 $border-color: lighten($dark-color, 65%) !default;
-$border-color-dark: darken($border-color, 10%) !default;
+$border-color-dark: darken($border-color, 40%) !default;
 $border-color-light: lighten($border-color, 8%) !default;
 $bg-color: lighten($dark-color, 5%) !default;
 $bg-color-dark: darken($bg-color, 3%) !default;
@@ -36,6 +36,9 @@ $code-color: #d73e48 !default;
 $highlight-color: #fff000 !default;
 $body-bg: $bg-color-light !default;
 $body-font-color: #fff !default;
+$body-font-color-accent: #00ffab !default;
+$body-font-color-accent2: #00fff3 !default;
+$body-font-color-accent3: #faff66 !default;
 $body-font-dark: lighten($dark-color, 10%) !default;
 $link-color: $primary-color !default;
 $link-color-dark: darken($link-color, 10%) !default;