From 8a69c04dd7c9abefdf2ee1f032d21e3553c5f2a4 Mon Sep 17 00:00:00 2001
From: Gabriel Albo <gabriel@albo.com.br>
Date: Wed, 20 Aug 2014 18:15:29 -0300
Subject: Fixing hard-coded colors and typefaces for the style guide; adding
 the action_buttons color variable

---
 web-ui/app/scss/style-guide.scss | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

(limited to 'web-ui/app/scss/style-guide.scss')

diff --git a/web-ui/app/scss/style-guide.scss b/web-ui/app/scss/style-guide.scss
index f1b31ddd..6d73b185 100644
--- a/web-ui/app/scss/style-guide.scss
+++ b/web-ui/app/scss/style-guide.scss
@@ -49,7 +49,7 @@ section.guide-section {
   padding: 66px 32px;
 }
 
-.color-swatch {
+.color-card {
   width: 160px;
   height: 230px;
   background-color: #344a5f;
@@ -77,3 +77,24 @@ section.guide-section {
   font-size: small;
 }
 
+/* Color Cards definition */
+
+.color-grid {
+  #primary-color-card { background-color: $primary_color; }
+  #secondary-color-card { background-color: $secondary;}
+  #top-pane-card { background-color: $top_pane;}
+  #contrast-card { background-color: $contrast;}
+  #action-buttons-card { background-color: $action_buttons; }
+  #success-card { background-color: $success;}
+  #attention-card { background-color: $attention; }
+  #warning-card { background-color: $warning; }
+  #error-card { background-color: $error; }
+  #search-highlight-card { background-color: $search_highlight; }
+  #count-background-card { background-color: $total_count_bg; }
+}
+/* Typeface cards definition*/
+ul.typography li h2 {
+  &.bold-header { font-weight: bold; }
+  &.extra-bold-header { font-weight: 800; }
+  &.lighter-header { font-weight: lighter; }
+}
\ No newline at end of file
-- 
cgit v1.2.3