Font modif for symbols in text

system/styles/scss/colors.scss

@@ -8,6 +8,7 @@ $black-light: rgba(0, 0, 0, 0.75);
 $dark-red: rgba(25, 0, 0, 0.75);
 $red: rgba(255, 0, 0, 1);
 $red-light: rgba(255, 0, 0, 0.75);
+$red-dice: rgb(205, 0, 0);
 $orange: rgba(255, 100, 0, 0.75);
 $blue: rgba(0, 0, 255, 0.75);
 $green: rgba(0, 255, 0, 0.75);
@@ -80,21 +81,27 @@ $l5r5e-unicorn: rgb(120, 90, 135);
 // Imperial
 $l5r5e-imperial: rgb(120, 255, 180);
 
-.Crab {
-}
-.Crane {
-}
-.Dragon {
-}
-.Lion {
-}
-.Mantis {
-}
-.Phoenix {
-}
-.Scorpion {
-}
-.Unicorn {
-}
-.Spider {
-}
+// Bushi
+$l5r5e-bushi: rgb(165, 90, 90);
+// Courtier
+$l5r5e-courtier: rgb(105, 130, 165);
+// Shugenja
+$l5r5e-shugenja: rgb(90, 165, 130);
+
+// -- Techs
+// Invocations
+$l5r5e-invocations: rgb(255, 100, 0);
+// Kata
+$l5r5e-kata: rgb(255, 0, 0);
+// Kiho
+$l5r5e-kiho: rgb(0, 150, 50);
+// Maho
+$l5r5e-maho: rgb(200, 50, 0);
+// Ninjitsu
+$l5r5e-ninjitsu: rgb(52, 52, 52);
+// Prerequisite
+$l5r5e-prerequisite: rgb(52, 52, 52);
+// Rituals
+$l5r5e-rituals: rgb(0, 150, 255);
+// Shuji
+$l5r5e-shuji: rgb(0, 255, 150);

system/styles/scss/fonts.scss

@@ -62,10 +62,10 @@ p {
     font-family: $font-quaternary;
 }
 
-i.strife,
-i.success,
-i.explosive,
-i.opportunity,
+i.i_strife,
+i.i_success,
+i.i_explosive,
+i.i_opportunity,
 i.i_earth,
 i.i_water,
 i.i_fire,
@@ -94,109 +94,169 @@ i.i_courtier,
 i.i_shugenja {
     font-family: $font-logoType;
     line-height: 1rem;
+    font-size: 1.25rem;
     font-style: normal;
     font-weight: normal;
     vertical-align: middle;
+    text-shadow: 0 0 0 $l5r5e-black;
 }
 
-// Dices
-i.strife:before {
+// -- Dices
+// Strife
+i.i_strife:before {
     content: "\E91B";
+    color: $red-dice;
 }
-i.success:before {
+// Success
+i.i_success:before {
     content: "\E91C";
+    color: $red-dice;
 }
-i.explosive:before {
+// Explosive
+i.i_explosive:before {
     content: "\E91D";
+    color: $red-dice;
 }
-i.opportunity:before {
+// Opportunity
+i.i_opportunity:before {
     content: "\E91A";
+    color: $red-dice;
 }
 
-// Rings
+// -- Rings
+// Earth
 i.i_earth:before {
     content: "\E90C";
+    color: $l5r5e-earth;
 }
-i.i_water:before {
-    content: "\E90A";
-}
-i.i_fire:before {
-    content: "\E908";
-}
+// Air
 i.i_air:before {
     content: "\E90B";
+    color: $l5r5e-air;
 }
+// Water
+i.i_water:before {
+    content: "\E90A";
+    color: $l5r5e-water;
+}
+// Fire
+i.i_fire:before {
+    content: "\E908";
+    color: $l5r5e-fire;
+}
+// Void
 i.i_void:before {
     content: "\E909";
+    color: $l5r5e-void;
 }
 
-// Techs
-i.i_kiho:before {
-    content: "\E900";
-}
-i.i_maho:before {
-    content: "\E901";
-}
-i.i_ninjitsu:before {
-    content: "\E902";
-}
-i.i_prerequisite_exemption:before {
-    content: "\E903";
-}
-i.i_rituals:before {
-    content: "\E904";
-}
-i.i_shuji:before {
-    content: "\E905";
-}
+// -- Techs
+// Invocations
 i.i_invocations:before {
     content: "\E906";
+    color: $l5r5e-invocations;
 }
+// Kata
 i.i_kata:before {
     content: "\E907";
+    color: $l5r5e-kata;
+}
+// Kiho
+i.i_kiho:before {
+    content: "\E900";
+    color: $l5r5e-kiho;
+}
+// Maho
+i.i_maho:before {
+    content: "\E901";
+    color: $l5r5e-maho;
+}
+// Ninjitsu
+i.i_ninjitsu:before {
+    content: "\E902";
+    color: $l5r5e-ninjitsu;
+}
+// Prerequisite
+i.i_prerequisite_exemption:before {
+    content: "\E903";
+    color: $l5r5e-prerequisite;
+}
+// Rituals
+i.i_rituals:before {
+    content: "\E904";
+    color: $l5r5e-rituals;
+}
+// Shuji
+i.i_shuji:before {
+    content: "\E905";
+    color: $l5r5e-shuji;
 }
 
-// Clans
-i.i_imperial:before {
-    content: "\E90D";
-}
+// -- Clans
+// Crab
 i.i_crab:before {
     content: "\E914";
+    color: $l5r5e-crab;
 }
+// Crane
 i.i_crane:before {
     content: "\E915";
+    color: $l5r5e-crane;
 }
+// Dragon
 i.i_dragon:before {
     content: "\E916";
+    color: $l5r5e-dragon;
 }
+// Lion
 i.i_lion:before {
     content: "\E90E";
+    color: $l5r5e-lion;
 }
+// Mantis
 i.i_mantis:before {
     content: "\E90F";
+    color: $l5r5e-mantis;
 }
+// Phoenix
 i.i_phoenix:before {
     content: "\E910";
+    color: $l5r5e-phoenix;
 }
+// Scorpion
 i.i_scorpion:before {
     content: "\E911";
+    color: $l5r5e-scorpion;
 }
+// Tortoise
 i.i_tortoise:before {
     content: "\E912";
+    color: $l5r5e-tortoise;
 }
+// Unicorn
 i.i_unicorn:before {
     content: "\E913";
+    color: $l5r5e-unicorn;
+}
+// Imperial
+i.i_imperial:before {
+    content: "\E90D";
+    color: $l5r5e-imperial;
 }
 
-// Titles
+// -- Titles
+// Bushi
 i.i_bushi:before {
     content: "\E917";
-    color: rgb(165, 90, 90);
+    color: $l5r5e-bushi;
 }
+// Courtier
 i.i_courtier:before {
     content: "\E918";
-    color: rgb(105, 130, 165);
+    color: $l5r5e-courtier;
 }
+// Shugenja
 i.i_shugenja:before {
     content: "\E919";
+    color: $l5r5e-shugenja;
 }