<h2><i class="icon icon-warning"></i> Side note(s)</h2>
You can define a color anywhere, like so: <?php
echo htmlspecialchars('<div class="bg-cyan"><div class="child"></div></div>');
?>
, then add class ".bg-cyan-minus-3" on .child to make it brighter
<div class="spacer"></div>
</div>
<div class="ws-4"></div>
</div>
</div>
<?php
$colors = array('red', 'pink', 'purple', 'deep-purple', 'indigo', 'blue', 'light-blue', 'cyan', 'teal', 'green', 'light-green', 'lime', 'yellow', 'amber', 'orange', 'deep-orange', 'brown', 'grey', 'blue-grey');
$colors = Colors::getAll();
$steps = Colors::getSteps(true);
?>
<div class="crow fly no-gutter">
<?php
$i = 0;
foreach ($colors as $color => $data) {
if ($i != 0 && $i % 4 == 0) {
echo '</div><div class="crow fly no-gutter">';
}
?>
<div class="bg-<?php
echo $color;
?>
tile">
<h3 style="padding:5px 10px;"><?php
