Showing 2,717 of 2,717 total issues
!important should not be used Open
Open
background-color:var(--beige2) !important;
- Exclude checks
The universal selector (*) is known to be slow. Open
Open
:root{--themecolor: #940;--font: sans-serif;--black: #000;--black2: #151515;--black3: #444;--black4: #555;--black5: #666;--hovercolor: #ffaa0077;--hovercolornontransparent: #ffaa00;--beige: #ddb;--beige2: #cca;--beige3: #bb7;--beige4: #fdfdfa;--altbarheight: 30px;--altbarcolor: var(--themecolor);--border-radius: 2px;--font-size-base: 1em;--taskbarheight: 45px;--glassyElementSpacing: 15px;--glassyElementBlur: 25px;--glassyElementBackground: rgba(30,30,30,.5);--bg-1: var(--black);--bg-2: var(--black2);--bg-3: var(--black3);--bg-4: var(--black4);--bg-5: var(--black5)}html,body{background-color:rgba(0,0,0,0)}html{font-size:var(--font-size-base);overflow:clip}body{background:var(--beige4);color:#000;margin:0;padding:0;font-family:var(--font);accent-color:var(--themecolor);font-size:1rem;color-scheme:light}*{color:#000;font-family:var(--font)}*::-moz-selection{background-color:var(--hovercolor)}*::selection{background-color:var(--hovercolor)}body button:not([disabled]),body input:not([disabled]),body select:not([disabled]),body .has_hover:not([disabled]),body .contextMenu a:not([disabled]){transition:background-color .1s,filter .1s}body button:not([disabled]):hover,body button:not([disabled]):focus-visible,body input:not([disabled]):hover,body input:not([disabled]):focus-visible,body select:not([disabled]):hover,body select:not([disabled]):focus-visible,body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible,body .contextMenu a:not([disabled]):hover,body .contextMenu a:not([disabled]):focus-visible{background-color:var(--hovercolor);filter:brightness(1.2)}body button:not([disabled]):hover:not(input),body button:not([disabled]):focus-visible:not(input),body input:not([disabled]):hover:not(input),body input:not([disabled]):focus-visible:not(input),body select:not([disabled]):hover:not(input),body select:not([disabled]):focus-visible:not(input),body .has_hover:not([disabled]):hover:not(input),body .has_hover:not([disabled]):focus-visible:not(input),body .contextMenu a:not([disabled]):hover:not(input),body .contextMenu a:not([disabled]):focus-visible:not(input){cursor:pointer}body .has_hover:not([disabled]){transition:background-color .1s,filter .1s !important}body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible{outline:1px solid var(--themecolor);outline-offset:-1px;background-color:rgba(85,85,85,.8) !important;filter:brightness(1.2) !important}input,select,button,textarea{background:var(--beige4);color:#000;font-size:1em;border-radius:var(--border-radius)}button{line-height:2}meter{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:8px;border:0}meter::-webkit-meter-optimum-value{background:var(--themecolor)}meter::-moz-meter-bar{background:var(--themecolor)}.altbar{height:var(--altbarheight);width:100%;border-bottom:1px solid #555;background:var(--beige);position:sticky;display:flex;flex-direction:row;top:0;box-sizing:border-box;padding:1px}.altbar button{line-height:revert;background:rgba(0,0,0,0);border:0;padding:0 .4em;height:100%;border-radius:1px}.toolbar{border-bottom:1px solid #555;background:var(--bg-3)}.toolbar2{border-bottom:1px solid #555;background:var(--bg-4)}.contextMenu{width:auto;background:rgba(255,255,255,.4666666667);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;position:absolute;display:inline-block;z-index:1000;padding:0;border-radius:var(--border-radius);border:1px solid var(--themecolor);box-sizing:border-box;min-width:130px;min-height:1rem}.contextMenu hr{margin:0;padding:0;border:none;border-bottom:1px solid var(--themecolor)}.contextMenu a{display:block;padding:3px 8px;text-decoration:none;cursor:pointer}.contextMenu a:last-of-type{border-bottom:none}*[disabled],*[disabled=disabled]{filter:contrast(0.4) brightness(0.6) grayscale(0.1);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.hidden{display:none !important}@media(prefers-color-scheme: dark){body{background:rgba(0,0,0,0);color:#fff;background-color:var(--bg-1);color-scheme:dark}*{color:#fff}.altbar{background:var(--altbarcolor);border-bottom:none;transition:.1s}input,select,button,textarea{color:#fff;background:var(--black2);border:1px solid #444}.contextMenu{background:rgba(0,0,0,.6666666667)}.contextMenu a{color:#fff}.contextMenu a:last-of-type{border-bottom:none}::-webkit-scrollbar{background:var(--black);width:initial}::-webkit-scrollbar-thumb{background:var(--black3);border:1px solid var(--themecolor)}::-webkit-scrollbar-corner{background:var(--black)}}@media(prefers-color-scheme: light){:root{--bg-1: var(--beige4);--bg-2: var(--beige);--bg-3: var(--beige2);--bg-4: var(--beige3);--bg-5: var(--beige4)}}/*# sourceMappingURL=helper.min.css.map */
- Exclude checks
Colon after property should be followed by one space Open
Open
background:var(--black3);
- Exclude checks
Color lime
should be written in hexadecimal form as #00ff00
Open
Open
background-color: lime;
- Exclude checks
Expected ([ <generic-family> | <family-name> ]#) but found 'var(--font)'.</family-name></generic-family> Open
Open
:root{--themecolor: #940;--font: sans-serif;--black: #000;--black2: #151515;--black3: #444;--black4: #555;--black5: #666;--hovercolor: #ffaa0077;--hovercolornontransparent: #ffaa00;--beige: #ddb;--beige2: #cca;--beige3: #bb7;--beige4: #fdfdfa;--altbarheight: 30px;--altbarcolor: var(--themecolor);--border-radius: 2px;--font-size-base: 1em;--taskbarheight: 45px;--glassyElementSpacing: 15px;--glassyElementBlur: 25px;--glassyElementBackground: rgba(30,30,30,.5);--bg-1: var(--black);--bg-2: var(--black2);--bg-3: var(--black3);--bg-4: var(--black4);--bg-5: var(--black5)}html,body{background-color:rgba(0,0,0,0)}html{font-size:var(--font-size-base);overflow:clip}body{background:var(--beige4);color:#000;margin:0;padding:0;font-family:var(--font);accent-color:var(--themecolor);font-size:1rem;color-scheme:light}*{color:#000;font-family:var(--font)}*::-moz-selection{background-color:var(--hovercolor)}*::selection{background-color:var(--hovercolor)}body button:not([disabled]),body input:not([disabled]),body select:not([disabled]),body .has_hover:not([disabled]),body .contextMenu a:not([disabled]){transition:background-color .1s,filter .1s}body button:not([disabled]):hover,body button:not([disabled]):focus-visible,body input:not([disabled]):hover,body input:not([disabled]):focus-visible,body select:not([disabled]):hover,body select:not([disabled]):focus-visible,body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible,body .contextMenu a:not([disabled]):hover,body .contextMenu a:not([disabled]):focus-visible{background-color:var(--hovercolor);filter:brightness(1.2)}body button:not([disabled]):hover:not(input),body button:not([disabled]):focus-visible:not(input),body input:not([disabled]):hover:not(input),body input:not([disabled]):focus-visible:not(input),body select:not([disabled]):hover:not(input),body select:not([disabled]):focus-visible:not(input),body .has_hover:not([disabled]):hover:not(input),body .has_hover:not([disabled]):focus-visible:not(input),body .contextMenu a:not([disabled]):hover:not(input),body .contextMenu a:not([disabled]):focus-visible:not(input){cursor:pointer}body .has_hover:not([disabled]){transition:background-color .1s,filter .1s !important}body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible{outline:1px solid var(--themecolor);outline-offset:-1px;background-color:rgba(85,85,85,.8) !important;filter:brightness(1.2) !important}input,select,button,textarea{background:var(--beige4);color:#000;font-size:1em;border-radius:var(--border-radius)}button{line-height:2}meter{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:8px;border:0}meter::-webkit-meter-optimum-value{background:var(--themecolor)}meter::-moz-meter-bar{background:var(--themecolor)}.altbar{height:var(--altbarheight);width:100%;border-bottom:1px solid #555;background:var(--beige);position:sticky;display:flex;flex-direction:row;top:0;box-sizing:border-box;padding:1px}.altbar button{line-height:revert;background:rgba(0,0,0,0);border:0;padding:0 .4em;height:100%;border-radius:1px}.toolbar{border-bottom:1px solid #555;background:var(--bg-3)}.toolbar2{border-bottom:1px solid #555;background:var(--bg-4)}.contextMenu{width:auto;background:rgba(255,255,255,.4666666667);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;position:absolute;display:inline-block;z-index:1000;padding:0;border-radius:var(--border-radius);border:1px solid var(--themecolor);box-sizing:border-box;min-width:130px;min-height:1rem}.contextMenu hr{margin:0;padding:0;border:none;border-bottom:1px solid var(--themecolor)}.contextMenu a{display:block;padding:3px 8px;text-decoration:none;cursor:pointer}.contextMenu a:last-of-type{border-bottom:none}*[disabled],*[disabled=disabled]{filter:contrast(0.4) brightness(0.6) grayscale(0.1);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.hidden{display:none !important}@media(prefers-color-scheme: dark){body{background:rgba(0,0,0,0);color:#fff;background-color:var(--bg-1);color-scheme:dark}*{color:#fff}.altbar{background:var(--altbarcolor);border-bottom:none;transition:.1s}input,select,button,textarea{color:#fff;background:var(--black2);border:1px solid #444}.contextMenu{background:rgba(0,0,0,.6666666667)}.contextMenu a{color:#fff}.contextMenu a:last-of-type{border-bottom:none}::-webkit-scrollbar{background:var(--black);width:initial}::-webkit-scrollbar-thumb{background:var(--black3);border:1px solid var(--themecolor)}::-webkit-scrollbar-corner{background:var(--black)}}@media(prefers-color-scheme: light){:root{--bg-1: var(--beige4);--bg-2: var(--beige);--bg-3: var(--beige2);--bg-4: var(--beige3);--bg-5: var(--beige4)}}/*# sourceMappingURL=helper.min.css.map */
- Exclude checks
Colon after property should be followed by one space Open
Open
height:100%;
- Exclude checks
Expected (<margin-width> | <content-sizing>) but found 'var(--altbarheight)'.</content-sizing></margin-width> Open
Open
:root{--themecolor: #940;--font: sans-serif;--black: #000;--black2: #151515;--black3: #444;--black4: #555;--black5: #666;--hovercolor: #ffaa0077;--hovercolornontransparent: #ffaa00;--beige: #ddb;--beige2: #cca;--beige3: #bb7;--beige4: #fdfdfa;--altbarheight: 30px;--altbarcolor: var(--themecolor);--border-radius: 2px;--font-size-base: 1em;--taskbarheight: 45px;--glassyElementSpacing: 15px;--glassyElementBlur: 25px;--glassyElementBackground: rgba(30,30,30,.5);--bg-1: var(--black);--bg-2: var(--black2);--bg-3: var(--black3);--bg-4: var(--black4);--bg-5: var(--black5)}html,body{background-color:rgba(0,0,0,0)}html{font-size:var(--font-size-base);overflow:clip}body{background:var(--beige4);color:#000;margin:0;padding:0;font-family:var(--font);accent-color:var(--themecolor);font-size:1rem;color-scheme:light}*{color:#000;font-family:var(--font)}*::-moz-selection{background-color:var(--hovercolor)}*::selection{background-color:var(--hovercolor)}body button:not([disabled]),body input:not([disabled]),body select:not([disabled]),body .has_hover:not([disabled]),body .contextMenu a:not([disabled]){transition:background-color .1s,filter .1s}body button:not([disabled]):hover,body button:not([disabled]):focus-visible,body input:not([disabled]):hover,body input:not([disabled]):focus-visible,body select:not([disabled]):hover,body select:not([disabled]):focus-visible,body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible,body .contextMenu a:not([disabled]):hover,body .contextMenu a:not([disabled]):focus-visible{background-color:var(--hovercolor);filter:brightness(1.2)}body button:not([disabled]):hover:not(input),body button:not([disabled]):focus-visible:not(input),body input:not([disabled]):hover:not(input),body input:not([disabled]):focus-visible:not(input),body select:not([disabled]):hover:not(input),body select:not([disabled]):focus-visible:not(input),body .has_hover:not([disabled]):hover:not(input),body .has_hover:not([disabled]):focus-visible:not(input),body .contextMenu a:not([disabled]):hover:not(input),body .contextMenu a:not([disabled]):focus-visible:not(input){cursor:pointer}body .has_hover:not([disabled]){transition:background-color .1s,filter .1s !important}body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible{outline:1px solid var(--themecolor);outline-offset:-1px;background-color:rgba(85,85,85,.8) !important;filter:brightness(1.2) !important}input,select,button,textarea{background:var(--beige4);color:#000;font-size:1em;border-radius:var(--border-radius)}button{line-height:2}meter{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:8px;border:0}meter::-webkit-meter-optimum-value{background:var(--themecolor)}meter::-moz-meter-bar{background:var(--themecolor)}.altbar{height:var(--altbarheight);width:100%;border-bottom:1px solid #555;background:var(--beige);position:sticky;display:flex;flex-direction:row;top:0;box-sizing:border-box;padding:1px}.altbar button{line-height:revert;background:rgba(0,0,0,0);border:0;padding:0 .4em;height:100%;border-radius:1px}.toolbar{border-bottom:1px solid #555;background:var(--bg-3)}.toolbar2{border-bottom:1px solid #555;background:var(--bg-4)}.contextMenu{width:auto;background:rgba(255,255,255,.4666666667);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;position:absolute;display:inline-block;z-index:1000;padding:0;border-radius:var(--border-radius);border:1px solid var(--themecolor);box-sizing:border-box;min-width:130px;min-height:1rem}.contextMenu hr{margin:0;padding:0;border:none;border-bottom:1px solid var(--themecolor)}.contextMenu a{display:block;padding:3px 8px;text-decoration:none;cursor:pointer}.contextMenu a:last-of-type{border-bottom:none}*[disabled],*[disabled=disabled]{filter:contrast(0.4) brightness(0.6) grayscale(0.1);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.hidden{display:none !important}@media(prefers-color-scheme: dark){body{background:rgba(0,0,0,0);color:#fff;background-color:var(--bg-1);color-scheme:dark}*{color:#fff}.altbar{background:var(--altbarcolor);border-bottom:none;transition:.1s}input,select,button,textarea{color:#fff;background:var(--black2);border:1px solid #444}.contextMenu{background:rgba(0,0,0,.6666666667)}.contextMenu a{color:#fff}.contextMenu a:last-of-type{border-bottom:none}::-webkit-scrollbar{background:var(--black);width:initial}::-webkit-scrollbar-thumb{background:var(--black3);border:1px solid var(--themecolor)}::-webkit-scrollbar-corner{background:var(--black)}}@media(prefers-color-scheme: light){:root{--bg-1: var(--beige4);--bg-2: var(--beige);--bg-3: var(--beige2);--bg-4: var(--beige3);--bg-5: var(--beige4)}}/*# sourceMappingURL=helper.min.css.map */
- Exclude checks
Colon after property should be followed by one space Open
Open
display:inline;
- Exclude checks
Expected (<color>) but found 'var(--bg-1)'.</color> Open
Open
:root{--themecolor: #940;--font: sans-serif;--black: #000;--black2: #151515;--black3: #444;--black4: #555;--black5: #666;--hovercolor: #ffaa0077;--hovercolornontransparent: #ffaa00;--beige: #ddb;--beige2: #cca;--beige3: #bb7;--beige4: #fdfdfa;--altbarheight: 30px;--altbarcolor: var(--themecolor);--border-radius: 2px;--font-size-base: 1em;--taskbarheight: 45px;--glassyElementSpacing: 15px;--glassyElementBlur: 25px;--glassyElementBackground: rgba(30,30,30,.5);--bg-1: var(--black);--bg-2: var(--black2);--bg-3: var(--black3);--bg-4: var(--black4);--bg-5: var(--black5)}html,body{background-color:rgba(0,0,0,0)}html{font-size:var(--font-size-base);overflow:clip}body{background:var(--beige4);color:#000;margin:0;padding:0;font-family:var(--font);accent-color:var(--themecolor);font-size:1rem;color-scheme:light}*{color:#000;font-family:var(--font)}*::-moz-selection{background-color:var(--hovercolor)}*::selection{background-color:var(--hovercolor)}body button:not([disabled]),body input:not([disabled]),body select:not([disabled]),body .has_hover:not([disabled]),body .contextMenu a:not([disabled]){transition:background-color .1s,filter .1s}body button:not([disabled]):hover,body button:not([disabled]):focus-visible,body input:not([disabled]):hover,body input:not([disabled]):focus-visible,body select:not([disabled]):hover,body select:not([disabled]):focus-visible,body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible,body .contextMenu a:not([disabled]):hover,body .contextMenu a:not([disabled]):focus-visible{background-color:var(--hovercolor);filter:brightness(1.2)}body button:not([disabled]):hover:not(input),body button:not([disabled]):focus-visible:not(input),body input:not([disabled]):hover:not(input),body input:not([disabled]):focus-visible:not(input),body select:not([disabled]):hover:not(input),body select:not([disabled]):focus-visible:not(input),body .has_hover:not([disabled]):hover:not(input),body .has_hover:not([disabled]):focus-visible:not(input),body .contextMenu a:not([disabled]):hover:not(input),body .contextMenu a:not([disabled]):focus-visible:not(input){cursor:pointer}body .has_hover:not([disabled]){transition:background-color .1s,filter .1s !important}body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible{outline:1px solid var(--themecolor);outline-offset:-1px;background-color:rgba(85,85,85,.8) !important;filter:brightness(1.2) !important}input,select,button,textarea{background:var(--beige4);color:#000;font-size:1em;border-radius:var(--border-radius)}button{line-height:2}meter{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:8px;border:0}meter::-webkit-meter-optimum-value{background:var(--themecolor)}meter::-moz-meter-bar{background:var(--themecolor)}.altbar{height:var(--altbarheight);width:100%;border-bottom:1px solid #555;background:var(--beige);position:sticky;display:flex;flex-direction:row;top:0;box-sizing:border-box;padding:1px}.altbar button{line-height:revert;background:rgba(0,0,0,0);border:0;padding:0 .4em;height:100%;border-radius:1px}.toolbar{border-bottom:1px solid #555;background:var(--bg-3)}.toolbar2{border-bottom:1px solid #555;background:var(--bg-4)}.contextMenu{width:auto;background:rgba(255,255,255,.4666666667);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;position:absolute;display:inline-block;z-index:1000;padding:0;border-radius:var(--border-radius);border:1px solid var(--themecolor);box-sizing:border-box;min-width:130px;min-height:1rem}.contextMenu hr{margin:0;padding:0;border:none;border-bottom:1px solid var(--themecolor)}.contextMenu a{display:block;padding:3px 8px;text-decoration:none;cursor:pointer}.contextMenu a:last-of-type{border-bottom:none}*[disabled],*[disabled=disabled]{filter:contrast(0.4) brightness(0.6) grayscale(0.1);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.hidden{display:none !important}@media(prefers-color-scheme: dark){body{background:rgba(0,0,0,0);color:#fff;background-color:var(--bg-1);color-scheme:dark}*{color:#fff}.altbar{background:var(--altbarcolor);border-bottom:none;transition:.1s}input,select,button,textarea{color:#fff;background:var(--black2);border:1px solid #444}.contextMenu{background:rgba(0,0,0,.6666666667)}.contextMenu a{color:#fff}.contextMenu a:last-of-type{border-bottom:none}::-webkit-scrollbar{background:var(--black);width:initial}::-webkit-scrollbar-thumb{background:var(--black3);border:1px solid var(--themecolor)}::-webkit-scrollbar-corner{background:var(--black)}}@media(prefers-color-scheme: light){:root{--bg-1: var(--beige4);--bg-2: var(--beige);--bg-3: var(--beige2);--bg-4: var(--beige3);--bg-5: var(--beige4)}}/*# sourceMappingURL=helper.min.css.map */
- Exclude checks
Line should be indented with spaces, not tabs Open
Open
main {
- Exclude checks
Color gray
should be written in hexadecimal form as #808080
Open
Open
border: 1px solid gray;
- Exclude checks
Line should be indented 2 spaces, but was indented 4 spaces Open
Open
--background-color: #fff;
- Exclude checks
Properties should be ordered display, outline, position, top Open
Open
outline: 1px solid yellow;
- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
html, body {
- Exclude checks
Properties should be ordered border-bottom, padding Open
Open
padding: 10px 0;
- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
button {
- Exclude checks
Selector bool_range
should be written in lowercase with hyphens Open
Open
.bool_range {
- Exclude checks
Avoid using id selectors Open
Open
#left {
- Exclude checks
Commas in function arguments should be followed by one space Open
Open
transform:translate(-50%,-50%);
- Exclude checks
Expected item on line 36 to appear before line 32. Rule sets should be ordered as follows: @extends
, @includes
without @content
, properties, @includes
with @content
, nested rule sets Open
Open
font-size: 1.1em;
- Exclude checks