added experimental light mode
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
7684a70f99
commit
729f8b364b
16 changed files with 64 additions and 17 deletions
41
src/scss/icons.scss
Normal file
41
src/scss/icons.scss
Normal file
|
@ -0,0 +1,41 @@
|
|||
.si {
|
||||
display: inline-block;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
margin: 0 8px;
|
||||
width: 4em;
|
||||
height: 4em;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.si {
|
||||
margin: 0 4px;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
.h2si {
|
||||
margin: 0;
|
||||
width: 30px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
@mixin svg-icon($name) {
|
||||
.si-#{$name} {
|
||||
content: ' ';
|
||||
background-image: url("../img/#{$name}-white.svg");
|
||||
}
|
||||
|
||||
@media screen and (prefers-color-scheme: light) {
|
||||
.si-#{$name} {
|
||||
background-image: url("../img/#{$name}.svg");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include svg-icon('matrix');
|
||||
@include svg-icon('gitea');
|
||||
@include svg-icon('xmpp');
|
||||
@include svg-icon('threema');
|
||||
@include svg-icon('opencollective');
|
Loading…
Add table
Add a link
Reference in a new issue