samuel-p/sp-codes.de
samuel-p/sp-codes.de
1
0
Fork 1
Code Issues Pull requests 8 Releases Wiki Activity Actions

removed light mode
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source 
fixed open collective icon
This commit is contained in:
Samuel Philipp 2021-04-11 02:54:43 +02:00
parent a89ed38280
commit 9c721f57b0
Signed by: samuel-p
GPG key ID: 2AD495D17760CB4E
2 changed files with 8 additions and 73 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/scss/icons.scss
View file

@ -1,36 +1,32 @@
.si { .si, .si::before {
display: inline-block; display: inline-block;
background-repeat: no-repeat;
background-position: center;
margin: 0 8px; margin: 0 8px;
width: 4em; width: 4em;
height: 4em; height: 4em;
line-height: 1;
box-sizing: border-box;
} }
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.si { .si, .si::before {
margin: 0 4px; margin: 0 4px;
width: 2em; width: 2em;
height: 2em; height: 2em;
} }
} }
.h2si { .h2si, .h2si::before {
margin: 0; margin: 0;
width: 30px; width: 30px;
height: 24px; height: 24px;
} }
@mixin svg-icon($name) { @mixin svg-icon($name) {
.si-#{$name} { .si-#{$name}::before {
content: ' '; content: ' ';
background-image: url("../img/#{$name}-white.svg"); background-image: url("../img/#{$name}-white.svg");
} background-repeat: no-repeat;
background-position: center;
@media screen and (prefers-color-scheme: light) {
.si-#{$name} {
background-image: url("../img/#{$name}.svg");
}
} }
} }

61
src/scss/main.scss
View file

@ -282,64 +282,3 @@ pre {
font-size: 2em; font-size: 2em;
} }
} }
@media screen and (prefers-color-scheme: light) {
$primary: #0059fe;
$primary_dark: #2e6ee5;
body {
background-image: url("../img/bg-light.png");
color: #000;
}
.border-top, .border-bottom {
border-color: #000;
}
.heading a, .menu a, .contact-links a, .service.flat .inner a, .text-foreground {
color: #000 !important;
}
.card {
background-color: #eee;
border-color: #000;
}
.service {
.link {
color: $primary !important;
&[href]:hover {
color: $primary_dark !important;
}
}
.beta {
background-color: $primary;
box-shadow: -1px 8px 5px rgba(127, 127, 127, 0.3);
color: #fff;
}
&.flat {
color: $primary !important;
&:hover {
color: $primary_dark !important;
}
}
}
.highlight {
color: $primary;
}
a {
color: $primary;
&:hover {
color: $primary_dark;
}
}
code {
background-color: $primary;
color: #fff;
}
pre {
background-color: $primary;
color: #fff;
}
}