- - { min_zoom: 8, name: motorway, image: motorway8.svg }
- - { min_zoom: 13, name: motorway, image: motorway13.svg }
- - { min_zoom: 15, name: motorway, image: motorway15.svg }
- - { min_zoom: 17, name: motorway, image: motorway17.svg }
- - { min_zoom: 8, name: main_road, width: 52, height: 1, fill: "#5c6d6d88" }
- - { min_zoom: 11, name: main_road, image: main_road11.svg }
- - { min_zoom: 13, name: main_road, image: main_road13.svg }
- - { min_zoom: 15, name: main_road, image: main_road15.svg }
- - { min_zoom: 17, name: main_road, image: main_road17.svg }
+ - { min_zoom: 8, name: motorway, width: 52, height: 4, fill: "#dddddd", casing: "#6d6d6d" }
+ - { min_zoom: 13, name: motorway, width: 52, height: 8, fill: "#dddddd", casing: "#6d6d6d" }
+ - { min_zoom: 15, name: motorway, width: 52, height: 13, fill: "#dddddd", casing: "#6d6d6d", line: "#ffffff", line-dasharray: 12, line-dashoffset: 4 }
+ - { min_zoom: 17, name: motorway, width: 52, height: 17, fill: "#dddddd", casing: "#6d6d6d", line: "#ffffff", line-dasharray: 12, line-dashoffset: 4, casing-width: 2 }
+ - { min_zoom: 8, name: main_road, width: 52, height: 1, fill: "#5c6d6d88" }
+ - { min_zoom: 11, name: main_road, width: 52, height: 4, fill: "#dddddd", casing: "#a1968b" }
+ - { min_zoom: 13, name: main_road, width: 52, height: 8, fill: "#dddddd", casing: "#a1968b" }
+ - { min_zoom: 15, name: main_road, width: 52, height: 13, fill: "#dddddd", casing: "#a1968b" }
+ - { min_zoom: 17, name: main_road, width: 52, height: 17, fill: "#dddddd", casing: "#a1968b" }