anchor.diff:              | .#{color.bg_class}
               br
               | #{color.code_dfn} == #{color.code_hexa}
  -        | Zero
  +        p.-mb-0 Zero
           +transbox(0)
       h2 Color Scheme
       footer: p.
  
positive.code:           $(this).css('background-color', newvalue)
          })
        }
        swatchChange($(this), value)
        $(this).parents('form').find('.js-reset-swatch').click(function () {
          swatchChange($(this), orig)
        })
      })
  
negative.code:             each el in color.uses
                li= el
      mixin colorBoxTrans(color, n)
        section.o-GridFlex__Item.o-Box.-w-1o2.js-colorbox(class=['js-'+color.bg_class, (color.is_dark) ? 'h-darkbg' : ''] style={
          'border-radius': '0',
          'background-color': color.box_color.code_hex
        })
          - var numbers = ['One','Two','Three','Four','Five','Six','Seven','Eight','Nine']
          mixin transbox(i)
            if i < n
              div.o-Box.o-Box--mill(class=color.bg_class)
                p.-mb-0
                  = numbers[i]
                  span.js-mix
                +transbox(i+1)
          h4.ColorTitle Overlapping #{color.name}
          form
  