sources:
    terrain-normals:
        type: Raster
        url: https://terrain-preview.mapzen.com/normal/{z}/{x}/{y}.png
        max_zoom: 15
    osm:
        type: TopoJSON
        url: //vector.mapzen.com/osm/all/{z}/{x}/{y}.topojson?api_key=vector-tiles-KXs7X8B
        rasters: [terrain-normals]

lights:
    directional1:
        type: directional
        direction: [1,-.5, -.5]
        diffuse: "#555"
    directional2:
        type: directional
        direction: [-1, -1, -.5]
        diffuse: 1.5
    directional3:
        type: directional
        direction: [0, -1, .2]
        diffuse: 1.5

styles:
    hillshade:
        base: polygons
        raster: normal
        shaders:
            blocks:
                color: |
                    color.rgb = vec3(1.);

layers:
    terrain:
        data: { source: terrain-normals, layer: _default }
        draw:
            hillshade:
                order: 0

    earth:
        data: { source: osm }
        draw:
            lines:
                order: 2
                color: [.3, .3, .3]
                width: 1px

    water:
        data: { source: osm }
        draw:
            polygons:
                order: 20
                color: blue

    places:
        data: { source: osm}
        filter:
            kind: [city]
            zoom:
                min: 1
                max: 10
        draw:
            text:
                font:
                    fill: white
                    size: 16px
                    stroke: { color: '#444', width: 4px}

    roads:
        data: { source: osm }
        filter: { not: { kind: ferry } }
        draw:
            lines:
                order: 2
                color: red
                width: 20
        sunset:
            filter:
                name: ["W Sunset Blvd.","Sunset Blvd.", "Cesar E Chavez Av."]
            draw:
                lines:
                    order: 4
                    color: "#FFF63F"
                    width: 100
