Css Debug

css-debug.css

.debug *:nth-child(4n+1) {
    /* border: 1px solid blue !important; */
    background-color: rgb(86, 111, 149);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, .5) 35px, rgba(255, 255, 255, .5) 70px);
    outline: 1px rgb(57, 136, 255) solid;
    outline-offset: -1px;
    box-shadow: inset 0px 0px 22px -3px rgb(0, 26, 56);
}

.debug *:nth-child(4n+2) {
    background-color: rgb(118, 153, 118);
    background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .5) 50%);
    background-size: 50px 50px;
    outline: 1px rgb(64, 255, 57) solid;
    outline-offset: -1px;
    box-shadow: inset 0px 0px 22px -3px rgb(0, 56, 12);
}

.debug *:nth-child(4n+3) {
    background-color: rgb(195, 100, 83);
    background-image: linear-gradient(transparent 50%, rgba(255, 255, 255, .5) 50%);
    background-size: 50px 50px;
     outline:1px rgb(195, 100, 83) solid;
    outline-offset:-1px;
    box-shadow: inset 0px 0px 22px -3px rgb(56, 8, 0);
}
.debug *:nth-child(4n+4) {
    background-color: rgb(184, 195, 83);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 18px, rgba(255, 255, 255, .5) 18px, rgba(255, 255, 255, .5) 35px);
    background-size: 25px 25px;
     outline:1px rgb(184, 195, 83) solid;
    outline-offset:-1px;
    box-shadow: inset 0px 0px 22px -3px rgb(72, 80, 0);
}