01_add-counties.mss

Map {
  background-color: #000;
}

#counties {
  line-color:#FFCC99;
  line-opacity:1;
  polygon-opacity:0.15;
  polygon-fill:#FFF;
  line-join: round;
  line-cap: butt;
}

02_zoom-line.mss

[zoom>=7]{
  	line-width:0.5;
  }
[zoom>=9]{
  	line-width:1;
	}
[zoom>=11]{
  	line-width:1.5;
	}

03_add-glow

#counties::glow {
  line-color: #FF9900;
  line-opacity: 0.25;
  line-comp-op: screen;
  line-join: round;
  line-cap: butt;
  [zoom>=7] {
  	line-width: 6;
  }
  [zoom>=9]{
  	line-width:8;
  }
  [zoom>=11]{
  	line-width:10;
  }
}

04_add-text.mss

[zoom>=7]{
  	line-width:0.5;
  }
  [zoom>=8] {
    text-name: [county];
  	text-face-name: 'Franklin Gothic Medium Regular';
    text-fill: #000;
    text-size: 9;
    text-halo-fill: #fff;
    text-halo-radius: 1;
  }
  [zoom>=9]{
  	line-width:1;
    text-size: 14;
    text-halo-radius: 2.5;
  }
  [zoom>=10] {
  	text-size:24;
    text-halo-radius: 4.5;
  }
  [zoom>=11]{
  	line-width:1.5;
    text-size:36;
    text-halo-radius: 6;
  }

05_add-ghost.mss

#ghost {
  marker-file: url('https://github.com/maptimelex/shift-meetup/raw/master/assets/ghost-icon_white.svg');
  marker-allow-overlap:true;
  marker-width: 24;
}

06_final-style.mss

Map {
  background-color: #000;
}

#counties {
  line-color:#FFCC99;
  line-opacity:1;
  polygon-opacity:0.15;
  polygon-fill:#FFF;
  line-join: round;
  line-cap: butt;
  [zoom>=7]{
  	line-width:0.5;
  }
  [zoom>=8] {
    text-name: [county];
  	text-face-name: 'Franklin Gothic Medium Regular';
    text-fill: #000;
    text-size: 9;
    text-halo-fill: #fff;
    text-halo-radius: 1;
  }
  [zoom>=9]{
  	line-width:1;
    text-size: 14;
    text-halo-radius: 2.5;
  }
  [zoom>=10] {
  	text-size:24;
    text-halo-radius: 4.5;
  }
  [zoom>=11]{
  	line-width:1.5;
    text-size:36;
    text-halo-radius: 6;
  }
}

#counties::glow {
  line-color: #FF9900;
  line-opacity: 0.25;
  line-comp-op: screen;
  line-join: round;
  line-cap: butt;
  [zoom>=7] {
  	line-width: 6;
  }
  [zoom>=9]{
  	line-width:8;
  }
  [zoom>=11]{
  	line-width:10;
  }
}

#ghost {
  marker-file: url('https://github.com/maptimelex/shift-meetup/raw/master/assets/ghost-icon_white.svg');
  marker-allow-overlap:true;
  marker-width: 24;
}

project-settings.md

Project Settings

Name

Kentucky Ghost Towns

Zoom

7-11

Center

-84.7389,37.8982,7

Bounds

-89.5949,36.4362,-81.9154,39.1700