this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

First attempt of CSS nesting

This'll be "un-nested" by PostCSS anyway

+31 -28
+31 -28
src/cloak-mode.css
··· 1 - body.cloak a { 2 - text-decoration-color: var(--link-color); 3 - } 1 + body.cloak, 2 + .cloak { 3 + a { 4 + text-decoration-color: var(--link-color); 5 + } 4 6 5 - body.cloak .name-text, 6 - body.cloak .name-text *, 7 - body.cloak .status .content-container, 8 - body.cloak .status .content-container *, 9 - body.cloak .status .content-compact, 10 - body.cloak .account-container :is(header, main > *:not(.actions)), 11 - body.cloak .account-container :is(header, main > *:not(.actions)) *, 12 - body.cloak .header-account, 13 - body.cloak .account-block { 14 - text-decoration-thickness: 1.1em; 15 - text-decoration-line: line-through; 16 - text-rendering: optimizeSpeed; 17 - filter: opacity(0.5); 18 - } 19 - body.cloak .name-text *, 20 - body.cloak .status .content-container *, 21 - body.cloak .account-container :is(header, main > *:not(.actions)) * { 22 - filter: none; 23 - } 7 + .name-text, 8 + .name-text *, 9 + .status .content-container, 10 + .status .content-container *, 11 + .status .content-compact, 12 + .account-container :is(header, main > *:not(.actions)), 13 + .account-container :is(header, main > *:not(.actions)) *, 14 + .header-account, 15 + .account-block { 16 + text-decoration-thickness: 1.1em; 17 + text-decoration-line: line-through; 18 + text-rendering: optimizeSpeed; 19 + filter: opacity(0.5); 20 + } 21 + .name-text *, 22 + .status .content-container *, 23 + .account-container :is(header, main > *:not(.actions)) * { 24 + filter: none; 25 + } 24 26 25 - body.cloak .status :is(img, video, audio), 26 - body.cloak .avatar, 27 - body.cloak .emoji, 28 - body.cloak .header-banner { 29 - filter: contrast(0) !important; 30 - background-color: #000 !important; 27 + .status :is(img, video, audio), 28 + .avatar, 29 + .emoji, 30 + .header-banner { 31 + filter: contrast(0) !important; 32 + background-color: #000 !important; 33 + } 31 34 } 32 35 33 36 /* SPECIAL CASES */