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