diff options
| author | Gabriel Albo <gabriel@albo.com.br> | 2014-08-20 18:15:29 -0300 |
|---|---|---|
| committer | Gabriel Albo <gabriel@albo.com.br> | 2014-08-20 18:15:29 -0300 |
| commit | 8a69c04dd7c9abefdf2ee1f032d21e3553c5f2a4 (patch) | |
| tree | f4a0585bdbc2e37b33e83ddc97f4f87147aea259 /web-ui/app/scss | |
| parent | 27ebf2d416df50513c19d83472e999530c9ce568 (diff) | |
Fixing hard-coded colors and typefaces for the style guide; adding the action_buttons color variable
Diffstat (limited to 'web-ui/app/scss')
| -rw-r--r-- | web-ui/app/scss/_colors.scss | 1 | ||||
| -rw-r--r-- | web-ui/app/scss/style-guide.scss | 23 |
2 files changed, 23 insertions, 1 deletions
diff --git a/web-ui/app/scss/_colors.scss b/web-ui/app/scss/_colors.scss index 97c883a5..903ecb94 100644 --- a/web-ui/app/scss/_colors.scss +++ b/web-ui/app/scss/_colors.scss @@ -11,3 +11,4 @@ $contrast: #F2F3ED; $top_pane: #EAEAEA; $secondary: #3E3A37; $primary_color: #EF4E2F; +$action_buttons: #2ba6cb; 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 |