diff options
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 |