danbarber/danbarber.me.hugo
1
0
Fork 0
mirror of https://github.com/danbee/danbarber.me.hugo.git synced 2025-03-04 08:59:18 +00:00
Code Issues Releases Wiki Activity

Desaturate logo colors

Browse Source
This commit is contained in:
Daniel Barber 2019-10-16 22:27:28 -04:00
parent 036342d6ae
commit 3bdaf82b1d
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/sass/components/_logo.scss
View File

@ -1,3 +1,10 @@
$_desaturate_amount: 35%;
$_color_1: desaturate(#ff6800, $_desaturate_amount);
$_color_2: desaturate(#e8ff00, $_desaturate_amount);
$_color_3: desaturate(#00a9ff, $_desaturate_amount);
$_color_4: desaturate(#b346e2, $_desaturate_amount);
.logo__wrapper { .logo__wrapper {
width: 7rem; width: 7rem;
line-height: 0; line-height: 0;
@ -5,18 +12,18 @@
} }
.logo__color_1 { .logo__color_1 {
fill: #ff6800; fill: $_color_1;
} }
.logo__color_2 { .logo__color_2 {
fill: #e8ff00; fill: $_color_2;
} }
.logo__color_3 { .logo__color_3 {
fill: #00a9ff; fill: $_color_3;
} }
.logo__color_4 { .logo__color_4 {
fill: #b346e2; fill: $_color_4;
} }