Maingron/MainOS

View on GitHub
Program Files/excel/gridstyle.min.css

Summary

Maintainability
Test Coverage

Don't use IDs in selectors.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Don't use IDs in selectors.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Don't use IDs in selectors.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Use of !important
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Don't use IDs in selectors.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Don't use IDs in selectors.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Don't use IDs in selectors.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Expected (<color>) but found 'var(--hovercolor)'.</color>
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Duplicate property 'overflow' found.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Expected (<color>) but found 'var(--hovercolor)'.</color>
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Expected (<color>) but found 'var(--black)'.</color>
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Fallback border (hex or RGB) should precede RGBA border.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

The box-sizing property isn't supported in IE6 and IE7.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

The box-sizing property isn't supported in IE6 and IE7.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Values of 0 shouldn't have units specified.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

The universal selector (*) is known to be slow.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Rule doesn't have all its properties in alphabetical order.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Rule doesn't have all its properties in alphabetical order.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Rule doesn't have all its properties in alphabetical order.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Rule doesn't have all its properties in alphabetical order.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Rule doesn't have all its properties in alphabetical order.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Rule doesn't have all its properties in alphabetical order.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

Expected RBRACE at line 1, col 205.
Open

*{transition:.2s;font-size:1em}#gridcontainercontainer{display:flex;justify-content:center;align-items:center}#gridcontainer{display:inline-grid;width:100%;overflow:hidden;grid-template-columns:repeat(7, 1fr);box-sizing:border-box}#gridcontainer .cell{transition:0s;overflow:hidden;text-align:left;background-color:#fff;width:100%;line-height:1.25em;height:1.25em;padding:0;overflow:hidden;border:0px solid rgba(0,0,0,0) !important;outline:.5px solid rgba(119,119,119,.6666666667);resize:none;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}#gridcontainer .cell:hover{cursor:cell;background-color:var(--hovercolor)}#gridcontainer .cell:focus{cursor:text;background-color:var(--hovercolor)}@media(prefers-color-scheme: dark){body #gridcontainer .cell{background-color:var(--black)}}/*# sourceMappingURL=gridstyle.min.css.map */

There are no issues that match your filters.

Category
Status