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

Make logo colors more consistent

Browse Source
This commit is contained in:
Daniel Barber 2019-10-30 22:44:25 -04:00
parent 92202cda86
commit 3550ce132c
2 changed files with 39 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,9 +1,9 @@
$_desaturate_amount: 25%;
$_desaturate_amount: 10%;
$_color_1: #ff6800;
$_color_2: #e8ff00;
$_color_1: #f37001;
$_color_2: #b8d900;
$_color_3: #00a9ff;
$_color_4: #b346e2;
$_color_4: #a95ed5;
$_color_1_dark: desaturate($_color_1, $_desaturate_amount);
$_color_2_dark: desaturate($_color_2, $_desaturate_amount);

70
resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
View File

@ -502,11 +502,11 @@ img {
margin-bottom: 1em; }
.logo__color_1 {
fill: #ff6800;
fill: #f37001;
transition: fill 200ms ease; }
.logo__color_2 {
fill: #e8ff00;
fill: #b8d900;
transition: fill 200ms ease; }
.logo__color_3 {
@ -514,7 +514,7 @@ img {
transition: fill 200ms ease; }
.logo__color_4 {
fill: #b346e2;
fill: #a95ed5;
transition: fill 200ms ease; }
.logo__link:hover .logo__color,
@ -543,90 +543,90 @@ img {
@keyframes cycle_color_1 {
0%,
100% {
fill: #ff6800; }
fill: #f37001; }
25% {
fill: #e8ff00; }
fill: #b8d900; }
50% {
fill: #00a9ff; }
75% {
fill: #b346e2; } }
fill: #a95ed5; } }
@keyframes cycle_color_2 {
0%,
100% {
fill: #e8ff00; }
fill: #b8d900; }
25% {
fill: #00a9ff; }
50% {
fill: #b346e2; }
fill: #a95ed5; }
75% {
fill: #ff6800; } }
fill: #f37001; } }
@keyframes cycle_color_3 {
0,
100% {
fill: #00a9ff; }
25% {
fill: #b346e2; }
fill: #a95ed5; }
50% {
fill: #ff6800; }
fill: #f37001; }
75% {
fill: #e8ff00; } }
fill: #b8d900; } }
@keyframes cycle_color_4 {
0%,
100% {
fill: #b346e2; }
fill: #a95ed5; }
25% {
fill: #ff6800; }
fill: #f37001; }
50% {
fill: #e8ff00; }
fill: #b8d900; }
75% {
fill: #00a9ff; } } }
@media (prefers-color-scheme: dark) {
.logo__color_1 {
fill: #df6e20; }
fill: #e7710d; }
.logo__color_2 {
fill: #cedf20; }
fill: #b0ce0b; }
.logo__color_3 {
fill: #209fdf; }
fill: #0da5f2; }
.logo__color_4 {
fill: #a861c7; }
fill: #a668cb; }
@keyframes cycle_color_1 {
0%,
100% {
fill: #df6e20; }
fill: #e7710d; }
25% {
fill: #cedf20; }
fill: #b0ce0b; }
50% {
fill: #209fdf; }
fill: #0da5f2; }
75% {
fill: #a861c7; } }
fill: #a668cb; } }
@keyframes cycle_color_2 {
0%,
100% {
fill: #cedf20; }
fill: #b0ce0b; }
25% {
fill: #209fdf; }
fill: #0da5f2; }
50% {
fill: #a861c7; }
fill: #a668cb; }
75% {
fill: #df6e20; } }
fill: #e7710d; } }
@keyframes cycle_color_3 {
0%,
100% {
fill: #209fdf; }
fill: #0da5f2; }
25% {
fill: #a861c7; }
fill: #a668cb; }
50% {
fill: #df6e20; }
fill: #e7710d; }
75% {
fill: #cedf20; } }
fill: #b0ce0b; } }
@keyframes cycle_color_4 {
0%,
100% {
fill: #a861c7; }
fill: #a668cb; }
25% {
fill: #df6e20; }
fill: #e7710d; }
50% {
fill: #cedf20; }
fill: #b0ce0b; }
75% {
fill: #209fdf; } } }
fill: #0da5f2; } } }