From cc9a133ebe0918fa9c1186a3aed454f192f2b3ec Mon Sep 17 00:00:00 2001
From: Johannes Loher <johannes.loher@fg4f.de>
Date: Sun, 3 Jan 2021 16:52:51 +0100
Subject: [PATCH] extract path to official assets in scss variable
---
src/scss/components/_character_values.scss | 16 ++++++++--------
src/scss/utils/_variables.scss | 2 ++
2 files changed, 10 insertions(+), 8 deletions(-)
diff --git a/src/scss/components/_character_values.scss b/src/scss/components/_character_values.scss
index ea69899..7b6ec7d 100644
--- a/src/scss/components/_character_values.scss
+++ b/src/scss/components/_character_values.scss
@@ -62,28 +62,28 @@ header.sheet-header {
background-size: contain;
font-size: 1.5em;
&.hitPoints {
- background-image: url("assets/official/DS4-HP.png");
+ background-image: url("#{$official-assets-path}/DS4-HP.png");
}
&.defense {
- background-image: url("assets/official/DS4-DEF.png");
+ background-image: url("#{$official-assets-path}/DS4-DEF.png");
}
&.initiative {
- background-image: url("assets/official/DS4-INI.png");
+ background-image: url("#{$official-assets-path}/DS4-INI.png");
}
&.movement {
- background-image: url("assets/official/DS4-MR.png");
+ background-image: url("#{$official-assets-path}/DS4-MR.png");
}
&.meleeAttack {
- background-image: url("assets/official/DS4-MAT.png");
+ background-image: url("#{$official-assets-path}/DS4-MAT.png");
}
&.rangedAttack {
- background-image: url("assets/official/DS4-RAT.png");
+ background-image: url("#{$official-assets-path}/DS4-RAT.png");
}
&.spellcasting {
- background-image: url("assets/official/DS4-SPC.png");
+ background-image: url("#{$official-assets-path}/DS4-SPC.png");
}
&.targetedSpellcasting {
- background-image: url("assets/official/DS4-TSC.png");
+ background-image: url("#{$official-assets-path}/DS4-TSC.png");
}
}
diff --git a/src/scss/utils/_variables.scss b/src/scss/utils/_variables.scss
index 6b5cbd7..e077f7a 100644
--- a/src/scss/utils/_variables.scss
+++ b/src/scss/utils/_variables.scss
@@ -4,3 +4,5 @@ $padding-lg: 20px;
$margin-sm: $padding-sm;
$margin-md: $padding-md;
$margin-lg: $padding-lg;
+
+$official-assets-path: "assets/official";