gistfile1.css

  line-color: @countyborder;
  line-width: .5;
  line-join: round;

  // scale
  polygon-fill: @scale1;
  [CHG_OwnerO > -0.1] {
    polygon-fill: @scale2;
  }
  [CHG_OwnerO > 0] {
    polygon-fill: @scale3;
  }
  [CHG_OwnerO > 0.1] {
    polygon-fill: @scale4;
  }
  [CHG_OwnerO > 0.2] {
    polygon-fill: @scale5;
  }
  [CHG_OwnerO > 0.5] {
    polygon-fill: @scale6;
  }
  
  text-name: "''";
  text-face-name: "Arial Black Regular";
  [zoom > 6][SQMI > 1000] {
    text-name: "[NAME]";
    text-size: 10;
    text-wrap-width: 16;    
  }
  [zoom > 7][SQMI > 750] {
    text-size: 12;
    text-wrap-width: 20;
  }
  [zoom > 8][SQMI > 500] {
    text-name: "[NAME]";
    text-size: 14;
  }
  [zoom > 9] {
    text-name: "[NAME]";
    text-size: 16;
  }
}

legend.html

<h3>% Change 2000 to 2010</h3>
<div>
<span style='color:#A33622;'>▉</span> < - 10% <br />
<span style='color:#ECA496;'>▉</span> < - 10% to 0% <br />
<span style='color:#8BC0BF;'>▉</span> 0% to 10%</br>
<span style='color:#18817E;'>▉</span> 10% to 20%</br>
<span style='color:#14615F;'>▉</span> 20% to 50%</br>
<span style='color:#0D4140;'>▉</span> > 50%</br>
</div>

tooltip.html

<p><strong>[NAME]</strong>
<br>[STATE_NAME]</p>