Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 25 additions & 9 deletions revenge.css
Original file line number Diff line number Diff line change
Expand Up @@ -231,18 +231,27 @@ 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;
}

/**
* 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
Expand All @@ -261,14 +270,21 @@ aside > section:first-child::after {
content: 'Sectioning elems are not arbitrary wrappers. Use <div>s here.' !important;
}

body > header:not([role="banner"])::after, body > div > header:not([role="banner"])::after {
content: 'Use role="banner" on this header element.' !important;
}

body > footer:not([role="contentinfo"])::after, body > div > footer:not([role="contentinfo"])::after {
content: 'Use role="contentinfo" on this footer element.' !important;
/****
Removed as <footer> requires role=contentInfo and <header> requires role=banner as these are already conveyed natively. W3C validator generates a warning if used.
----------------------------------------------------------------------
*/

/***
if div has class or ID of header.
----------------------------------------------------------------------
*/
div#header:not([role="banner"])::after, div.header:not([role="banner"])::after {
content: 'Use role="banner" on this header element or use native <header>.' !important;
}


section [role="banner"]::after, section [role="contentinfo"]::after,
article [role="banner"]::after, article [role="contentinfo"]::after,
aside [role="banner"]::after, aside [role="contentinfo"]::after {
Expand Down Expand Up @@ -380,4 +396,4 @@ button.disabled:not([disabled])::after {

[data-toggle="dropdown"]:not([aria-haspopup])::after {
content: 'Indicate the hidden menu with aria-haspopup' !important;
}
}