37 lines
659 B
CSS
37 lines
659 B
CSS
|
: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));
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|