snippet.c

/*-----------------------------------
  Colors
------------------------------------- */
@water: #3c9cb0;
@greenery: #9FC069;
@redline: #ffd4c6;
@grey: #666;

/*-----------------------------------
  Fonts
------------------------------------- */
@sans: "Gill Sans MT Regular","Trebuchet MS Regular","DejaVu Sans Condensed";
@sansitalic: "Gill Sans MT Italic","Trebuchet MS Italic","DejaVu Sans Condensed Italic";
@sansbold: "Gill Sans MT Bold","DejaVu Sans Bold";

#baselayer {
  polygon-fill: #fff;
  }
#water {
  polygon-fill: #ebf5f7;
  line-color: @water;
  line-opacity: .15;
  line-width: 1;
  }
#potomac-label[zoom>11] {
  text-name:"'P   o   t   o   m   a   c      R   i   v   e   r'";
  text-face-name: @sansbold;
  text-fill: #72bfcf;
  text-placement: line;
  text-transform: uppercase;
  text-spacing:500;
  text-min-distance:500;
  [zoom=12] { text-size: 9; }
  [zoom=13] { text-size: 12; }
  [zoom=14] { text-size: 13; }
  [zoom>14] { text-size: 14; }
  }
#road-labels {
  text-name:"''";
  text-face-name: @sans;
  text-fill: @grey;
  text-placement: line;
  text-avoid-edges: true;
  text-size: 9;
  [zoom>14] { text-name: "[NAME]"; }
  [TYPE='motorway'],
  [TYPE='primary'],
  [TYPE='secondary'] {
    [zoom >= 14] { text-name: "[NAME]"; }
  }
}
#roads-underlay {
  line-color: #cacaca;
  [zoom>9] { line-width: 0.2; }
  [zoom>12] { line-width: 0.5; }
}
#roads[TYPE='trunk'],
#roads[TYPE='trunk_link'],
#roads[TYPE='construction'],
#roads[TYPE='service'],
#roads[TYPE='unclassified'],
#roads[TYPE='residential'] {
  [zoom>15] { 
    line-width: 8; 
    line-color: white;
    line-join: round;
    line-cap: round;
  }
}
#roads-underlay[TYPE='trunk'],
#roads-underlay[TYPE='trunk_link'],
#roads-underlay[TYPE='construction'],
#roads-underlay[TYPE='service'],
#roads-underlay[TYPE='unclassified'],
#roads-underlay[TYPE='residential'] {
  [zoom>15] {
    line-join: round;
    line-cap: round;
    line-color: #cacaca;
    line-width: 10;
  }
}
#roads[TYPE='motorway'],
#roads[TYPE='motorway_link'],
#roads[TYPE='primary'],
#roads[TYPE='primary_link'],
#roads[TYPE='secondary'],
#roads[TYPE='secondary_link'],
#roads[TYPE='tertiary'],
#roads[TYPE='tertiary_link'] {
  line-color: white;
  line-width: 0.25;
  line-join: round;
  line-cap: round;
  [zoom >= 13] { line-width: 0.5; }
  [zoom >= 14] { line-width: 3; }
  [zoom >= 15] { line-width: 5; }
  [zoom >= 17] { line-width: 9; }
}
#roads-underlay[TYPE='motorway'],
#roads-underlay[TYPE='motorway_link'],
#roads-underlay[TYPE='primary'],
#roads-underlay[TYPE='primary_link'],
#roads-underlay[TYPE='secondary'],
#roads-underlay[TYPE='secondary_link'],
#roads-underlay[TYPE='tertiary'],
#roads-underlay[TYPE='tertiary_link'] {
  line-join: round;
  line-cap: round;
  line-color: #cacaca;
  line-width: 0.25;
  [zoom >= 13] { line-width: 1; }
  [zoom >= 14] { line-width: 4; }
  [zoom >= 15] { line-width: 7; }
  [zoom >= 17] { line-width: 11; }
}
#roads[TYPE='cycleway'],
#roads[TYPE='footway'] {
  line-color: @grey;
  line-opacity: .15;
  line-width: 1;
  line-dasharray: 2,2;
  }
#roads[TYPE='steps'] {
  line-color: @grey;
  line-opacity: 0.2;
  [zoom>17] { line-width: 20; line-dasharray: 2; }
  [zoom>18] { line-dasharray: 3; }
  [zoom>19] { line-dasharray: 4; }
  }
#parks {
  polygon-fill: @greenery;
  polygon-opacity: .1;
  line-color: @greenery;
  line-opacity: .25;
  line-width: .5;
  }
#neighbourhoods[zoom>11] {
  text-name:"[NAME]";
  text-face-name: @sansbold;
  [CLASS='park'] { text-face-name:@sansitalic; }
  [CLASS='campus'] { text-face-name:@sans; }
  text-size: 6;
  text-fill: @grey;
  text-placement: interior;
  text-transform: uppercase;
  text-character-spacing: 1;
  text-line-spacing: 3;
  text-halo-fill: #fff;
  text-halo-radius: 2;
  text-wrap-width: 10;
  [zoom>12] {
    text-size: 8;
    text-wrap-width: 25;
    text-line-spacing: 2;
    text-character-spacing: 2;
  }
  [zoom>13] {
    text-size: 11;
    text-wrap-width: 40;
    text-line-spacing: 3;
    text-character-spacing: 3;
  }
  [zoom>14] {
    text-size: 13;
    text-wrap-width: 50;
    text-line-spacing: 4;
    text-character-spacing: 4;
  }
}
#buildings {
  polygon-fill: #f8f8f8;
  line-width: 0.5;
  line-color: #f0f0f0;
  }
#railway {
  line-color: @redline;
  line-width: 0.6;
  [zoom>12] { line-width: 0.8; }
  }