<css-doodle grid="12">
  :doodle {
    @grid: 12 / 100vmax;
    background: #0a0c27;
  }

  background: hsla(@index(), 70%, 68%, 1);
</css-doodle>
body {
  margin: 0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/css-doodle/0.2.3/css-doodle.js