diff --git a/revenge.css b/revenge.css index 67170d5..97084a5 100644 --- a/revenge.css +++ b/revenge.css @@ -231,7 +231,7 @@ button.disabled:not([disabled]):not([readonly])::after { acronym::after, applet::after, basefont::after, big::after, center::after, dir::after, font::after, frame::after, frameset::after, isindex::after, listing::after, menu::after, multicol::after, plaintext::after, strike::after, u::after, xmp::after, bgsound::after, blink::after, comment::after, -embed::after, marquee::after, nobr::after, noembed::after, wbr::after { +embed::after, marquee::after, nobr::after, noembed::after, wbr::after, :not(span.MathJax .math)::after { content: 'This element is deprecated, non-standard or obsolete.' !important; } @@ -239,10 +239,19 @@ embed::after, marquee::after, nobr::after, noembed::after, wbr::after { * Empty elements ---------------------------------------------------------------------- */ - -*:empty:not(script):not(input):not(br):not(img):not(link):not(hr):not(embed):not(area):not(command):not(col):not(param):not(source):not(track):not(wbr):not(base):not(keygen)::after { +/*** +Added not:span.fa and i.fa to exclude icons hooks. +***/ +*:empty:not(script):not(input):not(br):not(img):not(link):not(hr):not(embed):not(area):not(command):not(col):not(param):not(source):not(track):not(wbr):not(base):not(keygen):not(span.fa):not(i.fa)::after { content: 'This element is empty. Why?' !important; } +/** +Icons used for pure decoration or visual styling +---------------------------------------------------------------------- +*/ +i.fa:not([aria-hidden="true"])::after, span.fa:not([aria-hidden="true"])::after { + content: 'Use aria-hidden="true on icons.' !important; +} /** * Sectioning elements, headers and footers @@ -261,14 +270,21 @@ aside > section:first-child::after { content: 'Sectioning elems are not arbitrary wrappers. Use