lio/website
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

shortlinks / sorted socials / helpers / etc.

Browse source
This commit is contained in:
monty 2019-12-10 21:47:05 +01:00
parent 4520e66c66
commit f6d011d763
6 changed files with 80 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

80
assets/css/main.css
View file

@ -95,10 +95,12 @@ body.light #box {
transition: border-color 0.5s ease-in-out;
}
.twitter:hover,
.twitter:focus {
.twitter:hover {
fill: #1da1f2 !important;
color: #1da1f2 !important;
}
.twitter:hover ~ #box {
border-color: #1da1f2;
}
body.light a.twitter {
@ -129,10 +131,12 @@ body.light .twitter::selection {
background-color: #37bbff;
}
.keybase:hover,
.keybase:focus {
.keybase:hover {
fill: #33a0ff !important;
color: #33a0ff !important;
}
.keybase:hover ~ #box {
border-color: #33a0ff;
}
body.light a.keybase {
@ -163,10 +167,12 @@ body.light .keybase::selection {
background-color: #4dbaff;
}
.discord:hover,
.discord:focus {
.discord:hover {
fill: #7289da !important;
color: #7289da !important;
}
.discord:hover ~ #box {
border-color: #7289da;
}
body.light a.discord {
@ -197,10 +203,12 @@ body.light .discord::selection {
background-color: #8ca3f4;
}
.mastodon:hover,
.mastodon:focus {
.mastodon:hover {
fill: #3088d4 !important;
color: #3088d4 !important;
}
.mastodon:hover ~ #box {
border-color: #3088d4;
}
body.light a.mastodon {
@ -231,10 +239,12 @@ body.light .mastodon::selection {
background-color: #4aa2ee;
}
.twitch:hover,
.twitch:focus {
.twitch:hover {
fill: #6441a4 !important;
color: #6441a4 !important;
}
.twitch:hover ~ #box {
border-color: #6441a4;
}
body.light a.twitch {
@ -265,10 +275,12 @@ body.light .twitch::selection {
background-color: #7e5bbe;
}
.gitdab:hover,
.gitdab:focus {
.gitdab:hover {
fill: #faacb7 !important;
color: #faacb7 !important;
}
.gitdab:hover ~ #box {
border-color: #faacb7;
}
body.light a.gitdab {
@ -299,10 +311,12 @@ body.light .gitdab::selection {
background-color: #ffc6d1;
}
.github:hover,
.github:focus {
.github:hover {
fill: #333 !important;
color: #333 !important;
}
.github:hover ~ #box {
border-color: #333;
}
body.light a.github {
@ -333,10 +347,12 @@ body.light .github::selection {
background-color: #4d4d4d;
}
.gitlab:hover,
.gitlab:focus {
.gitlab:hover {
fill: #e24329 !important;
color: #e24329 !important;
}
.gitlab:hover ~ #box {
border-color: #e24329;
}
body.light a.gitlab {
@ -367,10 +383,12 @@ body.light .gitlab::selection {
background-color: #fc5d43;
}
.ko-fi:hover,
.ko-fi:focus {
.ko-fi:hover {
fill: #f16061 !important;
color: #f16061 !important;
}
.ko-fi:hover ~ #box {
border-color: #f16061;
}
body.light a.ko-fi {
@ -401,10 +419,12 @@ body.light .ko-fi::selection {
background-color: #ff7a7b;
}
.patreon:hover,
.patreon:focus {
.patreon:hover {
fill: #f96854 !important;
color: #f96854 !important;
}
.patreon:hover ~ #box {
border-color: #f96854;
}
body.light a.patreon {

2
assets/css/main.css.map
View file

File diff suppressed because one or more lines are too long

7
assets/css/main.scss
View file

@ -97,10 +97,11 @@ $socials: (
);
@each $site, $color in $socials {
.#{$site}:hover,
.#{$site}:focus {
.#{$site}:hover {
fill: $color !important;
color: $color !important;
& ~ #box {
border-color: $color;
}
}
body.light a.#{$site} {