summaryrefslogtreecommitdiff
path: root/src/css
diff options
context:
space:
mode:
authornsensfel <SpamShield0@noot-noot.org>2019-02-05 10:42:06 +0100
committernsensfel <SpamShield0@noot-noot.org>2019-02-05 10:42:06 +0100
commit99ae9db56df692441b236991c0b726545ce145b2 (patch)
tree9eee3b425fc83d86b1a00024662ca4be752d9d06 /src/css
parentf6b6e11220f0d2a226439754ffc0a9356b0f847b (diff)
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...
Diffstat (limited to 'src/css')
-rw-r--r--src/css/src/shared/omnimod-icons.scss20
1 files changed, 20 insertions, 0 deletions
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);
+}