/* wc.debug.common.scss */
// CSS for common debug mode diagnostics
// NOTE FOR MARK
// YES, that means **YOU** Mark
// Next time you decide to delete all of the debug Sass and stop building it:
// ### **DON'T** ###
// Really, just don't otherwise you will have to put some of it back again and that is a PITA.
@import 'mixins-common';

body {
	&::before { // I no longer care about IE8.
		background-color: $wc-ui-color-highlight-bg;
		color: $wc-ui-color-highlight-fg;
		content: 'Client debug/diagnostic mode: document has ' attr(data-wc-nodeCount) ' elements.';
		display: block;
		padding: $wc-gap-normal;
	}

	&.wc_loggedwarn {
		background-color: $wc-ui-color-warning-fg;
	}

	&.wc_loggederror { //the error style MUST TRUMP the warn style
		background-color: $wc-ui-color-error-fg;
	}
}

// scss-lint:disable QualifyingElement
// Some elements should not exist but devs persist in using them. These have been removed using a null transform but
// this may not remove any which are injected in a way which will avoid the XSLT (such as by a custom script) so we keep
// this CSS.
applet,
acronym,
bgsound,
dir,
frame,
frameset,
noframes,
isindex,
listing,
nextid,
noembed,
plaintext,
rb,
strike,
xmp,
basefont,
big,
blink,
center,
font,
marquee,
multicol,
nobr,
spacer,
tt,
img[border='0'],
a[name],
input[type='number'][maxlength] {
	@include outline($color: $wc-ui-color-error-fg);
}
