:doodle { @grid: 18 / 100vmax; background: #0a0c27; } --hue: calc(180 + 1.5 * @row() * @col()); background: hsl(var(--hue), 50%, 70%); margin: -.5px; transition: @r(.5s) ease; clip-path: polygon(@pick( '0 0, 100% 0, 100% 100%', '0 0, 100% 0, 0 100%', '0 0, 100% 100%, 0 100%', '100% 0, 100% 100%, 0 100%' )); 
        _      _                _             _          
  /\/\ (_) ___| |__   __ _  ___| | /\   /\___| | ___ ____
 /    \| |/ __| '_ \ / _` |/ _ \ | \ \ / / _ \ |/ _ \_  /
/ /\/\ \ | (__| | | | (_| |  __/ |  \ V /  __/ |  __// / 
\/    \/_|\___|_| |_|\__,_|\___|_|   \_/ \___|_|\___/___|
=========================================================

Linked In
© Michael Velez