From 48d576fc30487769fb0fc980533d85a80f6f4f13 Mon Sep 17 00:00:00 2001 From: nsensfel Date: Thu, 31 Jan 2019 18:54:52 +0100 Subject: Adds a few more icons... --- src/css/src/battle.scss | 1 + src/css/src/battle/info-card/character.scss | 10 ++++++++ src/css/src/roster-editor.scss | 1 + src/css/src/roster-editor/info-card/character.scss | 10 ++++++++ src/css/src/shared/omnimod-icons.scss | 29 ++++++++++++++++++++++ 5 files changed, 51 insertions(+) create mode 100644 src/css/src/shared/omnimod-icons.scss (limited to 'src/css') diff --git a/src/css/src/battle.scss b/src/css/src/battle.scss index c9a7d00..3ba177a 100644 --- a/src/css/src/battle.scss +++ b/src/css/src/battle.scss @@ -1,4 +1,5 @@ @import 'shared/battleview'; +@import 'shared/omnimod-icons'; @import 'battle/controlled-panel'; @import 'battle/info-card'; diff --git a/src/css/src/battle/info-card/character.scss b/src/css/src/battle/info-card/character.scss index 92e4558..114e54d 100644 --- a/src/css/src/battle/info-card/character.scss +++ b/src/css/src/battle/info-card/character.scss @@ -138,3 +138,13 @@ background-size: 200% 100%; background-position: 100% 0; } + +.character-card-mod +{ + display: inline-block; +} + +.info-card-mod +{ + display: inline-block; +} diff --git a/src/css/src/roster-editor.scss b/src/css/src/roster-editor.scss index 2dcf067..a35188e 100644 --- a/src/css/src/roster-editor.scss +++ b/src/css/src/roster-editor.scss @@ -1,4 +1,5 @@ @import 'shared/battleview'; +@import 'shared/omnimod-icons'; @import 'roster-editor/controlled-panel'; @import 'roster-editor/info-card'; diff --git a/src/css/src/roster-editor/info-card/character.scss b/src/css/src/roster-editor/info-card/character.scss index 5e4a958..cb00546 100644 --- a/src/css/src/roster-editor/info-card/character.scss +++ b/src/css/src/roster-editor/info-card/character.scss @@ -145,3 +145,13 @@ background-size: 200% 100%; background-position: 100% 0; } + +.character-card-mod +{ + display: inline-block; +} + +.info-card-mod +{ + display: inline-block; +} diff --git a/src/css/src/shared/omnimod-icons.scss b/src/css/src/shared/omnimod-icons.scss new file mode 100644 index 0000000..b782165 --- /dev/null +++ b/src/css/src/shared/omnimod-icons.scss @@ -0,0 +1,29 @@ +.omnimod-icon +{ + display: inline-block; + height: 1em; + width: 1em; + background-size: 100%; + background-repeat: no-repeat; + vertical-align: middle; +} + +.omnimod-icon-dmg +{ + background-image: url(/asset/svg/damage_type/damage.svg); +} + +.omnimod-icon-slh +{ + background-image: url(/asset/svg/damage_type/slash.svg); +} + +.omnimod-icon-blu +{ + background-image: url(/asset/svg/damage_type/impact.svg); +} + +.omnimod-icon-pie +{ + background-image: url(/asset/svg/damage_type/piercing.svg); +} -- cgit v1.2.3-70-g09d2