anchor.diff:            .#{color.bg_class}
             #{color.code_dfn} == #{color.code_hexa}
           +translabel('Zero', 0)
  -        +transbox(0)
  +        +transbox(0, transbox_specs)
       h2 Color Scheme
       footer: p.
         Based on the
  
positive.code:           p.-mb-0
              = text
              code.ColorCode.-ml-h.js-mix(data-overlap-number=number)
          mixin transbox(i)
            if i < n
              div.o-Box.o-Box--mill(class=color.bg_class)
                +translabel(numbers[i], i+1)
                +transbox(i+1)
          h4.ColorTitle Overlapping #{color.name}
          form
            label
  
negative.code:           ul
              each el in color.uses
                li= el
      mixin colorBoxTrans(color, n, transbox_specs)
        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
  