archive/attract
0
0
Fork 0
Code Issues 7 Pull Requests Projects Releases Wiki Activity

Replace duplicated status-{{status}} classes for a nice Sass mixin

Browse Source 
Set the color for a specified property
1: $property: e.g. background-color
2: $where: ':before', ' .class-name', etc.
3: $variation: 'light', 'dark', or empty
e.g. @include status-color-property(background-color, ':before', 'light')
This commit is contained in:
Pablo Vazquez
2016-09-29 17:28:04 +02:00
parent e3e6657cf9
commit 37c0c23e83
4 changed files with 80 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles/_config.sass
View File

@@ -43,20 +43,28 @@ $color_downvote: #74a4ff
/* Label Status */
$color-status-invalid: lightgray
$color-status-invalid-light: hsl(hue($color-status-invalid), 100%, 75%)
$color-status-invalid-dark: hsl(hue($color-status-invalid), 100%, 75%)
$color-status-todo: #ff8080
$color-status-todo-light: hsl(hue($color-status-todo), 100%, 75%)
$color-status-todo-dark: hsl(hue($color-status-todo), 100%, 75%)
$color-status-in_progress: #ffbe00
$color-status-in_progress-light: hsl(hue($color-status-in_progress), 100%, 60%)
$color-status-in_progress-dark: hsl(hue($color-status-in_progress), 100%, 45%)
$color-status-on_hold: #cb9e15
$color-status-on_hold-light: hsl(hue($color-status-on_hold), 100%, 75%)
$color-status-on_hold-dark: hsl(hue($color-status-on_hold), 50%, 50%)
$color-status-approved: #a3e04d
$color-status-approved-light: hsl(hue($color-status-approved), 100%, 75%)
$color-status-approved-dark: hsl(hue($color-status-approved), 100%, 50%)
$color-status-cbb: #9cd5e2
$color-status-cbb-light: hsl(hue($color-status-cbb), 100%, 75%)
$color-status-cbb-dark: hsl(hue($color-status-cbb), 40%, 60%)
$color-status-final: #e7f5d3
$color-status-final-light: hsl(hue($color-status-final), 100%, 40%)
$color-status-final-dark: hsl(hue($color-status-final), 100%, 40%)
$color-status-review: #e4f5f9
$color-status-review-light: hsl(hue($color-status-review), 100%, 75%)
$color-status-review-dark: hsl(hue($color-status-review), 100%, 50%)
$color-status-active: #E6F3FD