mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-15 13:47:33 +01:00
updated tier styles so that they maintain their color on hover and click (#11513)
This commit is contained in:
committed by
Matteo Pagliazzi
parent
106290a11e
commit
a859dbd646
@@ -1,41 +1,83 @@
|
|||||||
.tier1 {
|
.tier1 {
|
||||||
color: #c42870;
|
color: #c42870;
|
||||||
|
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
|
color: #c42870;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tier2 {
|
.tier2 {
|
||||||
color: #b01515;
|
color: #b01515;
|
||||||
|
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
|
color: #b01515;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tier3 {
|
.tier3 {
|
||||||
color: #d70e14;
|
color: #d70e14;
|
||||||
|
|
||||||
|
:hover, :active, :focus {
|
||||||
|
color: #d70e14;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tier4 {
|
.tier4 {
|
||||||
color: #c24d00;
|
color: #c24d00;
|
||||||
|
|
||||||
|
&:hover, &:active, :focus {
|
||||||
|
color: #c24d00;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tier5 {
|
.tier5 {
|
||||||
color: #9e650f;
|
color: #9e650f;
|
||||||
|
|
||||||
|
:hover, :active, :focus {
|
||||||
|
color: #9e650f;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tier6 {
|
.tier6 {
|
||||||
color: #2b8363;
|
color: #2b8363;
|
||||||
|
|
||||||
|
:hover, :active, &:focus {
|
||||||
|
color: #2b8363;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tier7 {
|
.tier7 {
|
||||||
color: #167e87;
|
color: #167e87;
|
||||||
|
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
|
color: #167e87;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tier8 {
|
.tier8 {
|
||||||
color: #277eab;
|
color: #277eab;
|
||||||
|
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
|
color: #277eab;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tier9 {
|
.tier9 {
|
||||||
color: #6133b4;
|
color: #6133b4;
|
||||||
|
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
|
color: #6133b4;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tierNPC, .npc {
|
.tierNPC, .npc {
|
||||||
color: #77f4c7;
|
color: #77f4c7;
|
||||||
fill: #77f4c7;
|
fill: #77f4c7;
|
||||||
stroke: #005737;
|
stroke: #005737;
|
||||||
|
|
||||||
|
&:hover, &:active, &:focus {
|
||||||
|
color: #77f4c7;
|
||||||
|
fill: #77f4c7;
|
||||||
|
stroke: #005737;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user