darken flag folds
This commit is contained in:
parent
8cfa14c1c6
commit
ee77a22fd7
|
@ -4,6 +4,6 @@
|
||||||
<span class="flagText">{{include.name}}</span>
|
<span class="flagText">{{include.name}}</span>
|
||||||
</span>
|
</span>
|
||||||
<span class="{{include.color}} flagPoint"></span>
|
<span class="{{include.color}} flagPoint"></span>
|
||||||
<span class="{{include.color}} flagFold"></span>
|
<span class="dark-{{include.color}} flagFold"></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
|
@ -8,6 +8,12 @@ $orange: rgb(236, 103, 55);
|
||||||
$green: rgb(188, 212, 42);
|
$green: rgb(188, 212, 42);
|
||||||
$magenta: rgb(168, 66, 114);
|
$magenta: rgb(168, 66, 114);
|
||||||
|
|
||||||
|
$darken-factor: 15%;
|
||||||
|
$dark-blue: darken($blue, $darken-factor);
|
||||||
|
$dark-orange: darken($orange, $darken-factor);
|
||||||
|
$dark-green: darken($green, $darken-factor);
|
||||||
|
$dark-magenta: darken($magenta, $darken-factor);
|
||||||
|
|
||||||
.blue {
|
.blue {
|
||||||
fill: $blue;
|
fill: $blue;
|
||||||
background-color: $blue;
|
background-color: $blue;
|
||||||
|
@ -27,3 +33,23 @@ $magenta: rgb(168, 66, 114);
|
||||||
fill: $magenta;
|
fill: $magenta;
|
||||||
background-color: $magenta;
|
background-color: $magenta;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dark-blue {
|
||||||
|
fill: $dark-blue;
|
||||||
|
background-color: $dark-blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-orange {
|
||||||
|
fill: $dark-orange;
|
||||||
|
background-color: $dark-orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-green {
|
||||||
|
fill: $dark-green;
|
||||||
|
background-color: $dark-green;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark-magenta {
|
||||||
|
fill: $dark-magenta;
|
||||||
|
background-color: $dark-magenta;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user