he4et/xecut-site
1
0
Fork 0
mirror of https://github.com/He4eT/xecut-site.git synced 2026-05-05 01:47:25 +00:00
Code Issues Projects Releases Packages Wiki Activity

css: images: black-on-white utility class

Browse source
This commit is contained in:
He4eT 2025-04-25 20:57:31 +02:00
commit f15103652e
3 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/_assets/css/base.css
View file

@ -137,6 +137,15 @@ th, td {
padding-block-end: calc(1.75 * var(--step));
}
/* Images */
img.black-on-white {}
@media (prefers-color-scheme: dark) {
img.black-on-white {
filter: invert(1);
}
}
/* Separators */
hr {

5
src/_assets/css/parts/hero.css
View file

@ -86,11 +86,6 @@
width: calc(18 * var(--step));
height: calc(36 * var(--step));
}
@media (prefers-color-scheme: dark) {
.hero .tower {
filter: invert(1);
}
}
@media (max-width: 500px) {
.hero .tower {
margin: calc(1 * var(--step));

2
src/_includes/parts/hero.njk
View file

@ -1,7 +1,7 @@
<div class="hero">
<div class="tower_cell">
<img
class="tower"
class="tower black-on-white"
alt="Xecut Logo Tower"
src="/_assets/img/tower/tower_logo.svg"
>