From 99ae9db56df692441b236991c0b726545ce145b2 Mon Sep 17 00:00:00 2001 From: nsensfel Date: Tue, 5 Feb 2019 10:42:06 +0100 Subject: Adds max {H,M}P icons, +- mod visual separation. Using colors (hue) shift doesn't work well enough. I'm pretty sure it won't work for colorblind people, and it kind of messes with the current color theme. Having a visual separation for the positive and negative effects does help, though... --- src/css/src/shared/omnimod-icons.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'src/css') diff --git a/src/css/src/shared/omnimod-icons.scss b/src/css/src/shared/omnimod-icons.scss index 546b7b6..99ad7fe 100644 --- a/src/css/src/shared/omnimod-icons.scss +++ b/src/css/src/shared/omnimod-icons.scss @@ -114,3 +114,23 @@ { background-image: url(/asset/svg/damage_type/strength.svg); } + +.omnimod-icon-mheal +{ + background-image: url(/asset/svg/damage_type/mhealth.svg); +} + +.omnimod-icon-mpts +{ + background-image: url(/asset/svg/damage_type/mmovpts.svg); +} + +.omnimod-icon-negative +{ + filter: hue-rotate(310deg); +} + +.omnimod-icon-positive +{ + filter: hue-rotate(30deg); +} -- cgit v1.2.3-70-g09d2