darken flag folds

This commit is contained in:
Andrew Cassidy 2017-11-24 21:02:30 -08:00 committed by Andrew Cassidy
parent 8cfa14c1c6
commit ee77a22fd7
2 changed files with 27 additions and 1 deletions

View File

@ -4,6 +4,6 @@
<span class="flagText">{{include.name}}</span>
</span>
<span class="{{include.color}} flagPoint"></span>
<span class="{{include.color}} flagFold"></span>
<span class="dark-{{include.color}} flagFold"></span>
</a>
</li>

View File

@ -8,6 +8,12 @@ $orange: rgb(236, 103, 55);
$green: rgb(188, 212, 42);
$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 {
fill: $blue;
background-color: $blue;
@ -27,3 +33,23 @@ $magenta: rgb(168, 66, 114);
fill: $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;
}