<css-doodle>
:doodle {
@grid: 5x8 / 100% 100vh;
}
:after {
content: "@index()"
}
@even {
background: #f36;
}
@odd {
background: #60569e;
}
margin: .5rem;
color: #fff;
</css-doodle>
body {
width: 100vw;
height: 100vh;
background: #0a0c27;
}
View Compiled
This Pen doesn't use any external CSS resources.