nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

First attempt of CSS nesting

Browse source 
This'll be "un-nested" by PostCSS anyway
This commit is contained in:
Lim Chee Aun 2023-08-20 12:17:11 +08:00
parent e0c2a5aed1
commit 95f71115d4
1 changed files with 31 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
src/cloak-mode.css
View file

@ -1,33 +1,36 @@
body.cloak a { body.cloak,
text-decoration-color: var(--link-color); .cloak {
} a {
text-decoration-color: var(--link-color);
}
body.cloak .name-text, .name-text,
body.cloak .name-text *, .name-text *,
body.cloak .status .content-container, .status .content-container,
body.cloak .status .content-container *, .status .content-container *,
body.cloak .status .content-compact, .status .content-compact,
body.cloak .account-container :is(header, main > *:not(.actions)), .account-container :is(header, main > *:not(.actions)),
body.cloak .account-container :is(header, main > *:not(.actions)) *, .account-container :is(header, main > *:not(.actions)) *,
body.cloak .header-account, .header-account,
body.cloak .account-block { .account-block {
text-decoration-thickness: 1.1em; text-decoration-thickness: 1.1em;
text-decoration-line: line-through; text-decoration-line: line-through;
text-rendering: optimizeSpeed; text-rendering: optimizeSpeed;
filter: opacity(0.5); filter: opacity(0.5);
} }
body.cloak .name-text *, .name-text *,
body.cloak .status .content-container *, .status .content-container *,
body.cloak .account-container :is(header, main > *:not(.actions)) * { .account-container :is(header, main > *:not(.actions)) * {
filter: none; filter: none;
} }
body.cloak .status :is(img, video, audio), .status :is(img, video, audio),
body.cloak .avatar, .avatar,
body.cloak .emoji, .emoji,
body.cloak .header-banner { .header-banner {
filter: contrast(0) !important; filter: contrast(0) !important;
background-color: #000 !important; background-color: #000 !important;
}
} }
/* SPECIAL CASES */ /* SPECIAL CASES */