diff options
author | Alexis Reigel <mail@koffeinfrei.org> | 2017-07-13 11:53:19 +0300 |
---|---|---|
committer | Alexis Reigel <mail@koffeinfrei.org> | 2017-07-27 16:43:37 +0300 |
commit | 506836a695ae40ff200add21c639f3d13aaee9e9 (patch) | |
tree | 74a35db1be6d0ef65c646b66f77ad5c535449d2e /app/assets/stylesheets/framework/mixins.scss | |
parent | 027309eb2ae54614a2ee1a0ca9e4cea76a86b94b (diff) |
unify commit signature colors with pipeline status
Diffstat (limited to 'app/assets/stylesheets/framework/mixins.scss')
-rw-r--r-- | app/assets/stylesheets/framework/mixins.scss | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/mixins.scss b/app/assets/stylesheets/framework/mixins.scss index 3a98332e46c..6f91d11b369 100644 --- a/app/assets/stylesheets/framework/mixins.scss +++ b/app/assets/stylesheets/framework/mixins.scss @@ -118,3 +118,29 @@ @content; } } + +/* + * Mixin for status badges, as used for pipelines and commit signatures + */ +@mixin status-color($color-light, $color-main, $color-dark) { + color: $color-main; + border-color: $color-main; + + &:not(span):hover { + background-color: $color-light; + color: $color-dark; + border-color: $color-dark; + + svg { + fill: $color-dark; + } + } + + svg { + fill: $color-main; + } +} + +@mixin green-status-color { + @include status-color($green-50, $green-500, $green-700); +} |