CSS: Move colors to mixins

This commit is contained in:
Eric Lippmann 2016-01-25 08:20:58 +01:00
parent ec177e78e5
commit f5945ff908
3 changed files with 86 additions and 86 deletions

View File

@ -31,7 +31,6 @@ class StyleSheet
'css/vendor/normalize.css',
'css/vendor/tipsy.css',
'css/icinga/base.less',
'css/icinga/colors.less',
'css/icinga/badges.less',
'css/icinga/mixins.less',
'css/icinga/grid.less',

View File

@ -1,85 +0,0 @@
/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
.bg-color-ok,
.bg-color-up {
background-color: @color-ok;
}
.bg-color-warning {
background-color: @color-warning;
&.handled {
background-color: @color-warning-handled;
}
}
.bg-color-critical,
.bg-color-down {
background-color: @color-critical;
&.handled {
background-color: @color-critical-handled;
}
}
.bg-color-unreachable {
background-color: @color-unreachable;
&.handled {
background-color: @color-unreachable-handled;
}
}
.bg-color-unknown {
background-color: @color-unknown;
&.handled {
background-color: @color-unknown-handled;
}
}
.bg-color-pending {
background-color: @color-pending;
}
.fg-color-ok,
.fg-color-up {
color: @color-ok;
}
.fg-color-warning {
color: @color-warning;
&.handled {
color: @color-warning-handled;
}
}
.fg-color-critical,
.fg-color-down {
color: @color-critical;
&.handled {
color: @color-critical-handled;
}
}
.fg-color-unreachable {
color: @color-unreachable;
&.handled {
color: @color-unreachable-handled;
}
}
.fg-color-unknown {
color: @color-unknown;
&.handled {
color: @color-unknown-handled;
}
}
.fg-color-pending {
color: @color-pending;
}

View File

@ -126,3 +126,89 @@
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
// Color mixins
.bg-color-ok,
.bg-color-up {
background-color: @color-ok;
}
.bg-color-warning {
background-color: @color-warning;
&.handled {
background-color: @color-warning-handled;
}
}
.bg-color-critical,
.bg-color-down {
background-color: @color-critical;
&.handled {
background-color: @color-critical-handled;
}
}
.bg-color-unreachable {
background-color: @color-unreachable;
&.handled {
background-color: @color-unreachable-handled;
}
}
.bg-color-unknown {
background-color: @color-unknown;
&.handled {
background-color: @color-unknown-handled;
}
}
.bg-color-pending {
background-color: @color-pending;
}
.fg-color-ok,
.fg-color-up {
color: @color-ok;
}
.fg-color-warning {
color: @color-warning;
&.handled {
color: @color-warning-handled;
}
}
.fg-color-critical,
.fg-color-down {
color: @color-critical;
&.handled {
color: @color-critical-handled;
}
}
.fg-color-unreachable {
color: @color-unreachable;
&.handled {
color: @color-unreachable-handled;
}
}
.fg-color-unknown {
color: @color-unknown;
&.handled {
color: @color-unknown-handled;
}
}
.fg-color-pending {
color: @color-pending;
}