:root {
    --grid-col-color:  #ee33d2;
    --grid-light: #efefef;

    --grid-spacing: 56px;
    --steps: 5;
    --grid-position-x: 28px;
    --grid-position-y: 0px;

    --grid-subdivisions: calc(var(--grid-spacing)/var(--steps));

}


@media screen{


   
    body.grid-col .pagedjs_area {


       
        z-index: -1;
    
        box-shadow: 0px 0px 1px 0px var(--grid-col-color);
    
        background-image: repeating-linear-gradient(to right, var(--grid-col-color), var(--grid-col-color) 0.5px, transparent 0.5px, transparent);
	    background-size: calc(100%/var(--grid-col-steps)); 

    }
    
    
    
}