This repository has been archived by the owner on May 7, 2024. It is now read-only.
forked from mapbox/mapbox-studio-light.tm2
-
Notifications
You must be signed in to change notification settings - Fork 4
/
style.mss
126 lines (110 loc) · 2.78 KB
/
style.mss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
// Languages: name (local), name_en, name_fr, name_es, name_de
@name: '[name]';
// Fonts //
@sans: 'Arial Unicode MS Regular';
@sans_bold: 'Arial Unicode MS Bold';
/*
This style is designed to be easily recolored by adjusting the color
variables below. For predicatable feature relationships,
maintain or invert existing value (light to dark) scale.
*/
// Color palette //
@road: #fff;
@land: #eee;
@fill1: #fff;
@fill2: #bbb;
@fill3: #777;
@fill4: #000;
@text: #777;
Map { background-color: @land; }
// Political boundaries //
#boundary[admin_level=2] {
line-join: round;
line-color: mix(@fill3,@fill2,50);
line-width: 1;
[zoom>=5] { line-width: 1.4; }
[zoom>=6] { line-width: 1.8; }
[zoom>=8] { line-width: 2; }
[zoom>=10] { line-width: 3; }
[disputed=1] { line-dasharray: 4,4; }
}
#boundary[admin_level>2][admin_level<=4] {
line-join: round;
line-color: @fill2;
line-width: 1;
line-dasharray: 3,2;
[zoom>=6] { line-width: 1.5; }
[zoom>=8] { line-width: 1.8; }
}
// Land Features //
#landuse[class='cemetery'],
#park,
#landcover[class='wood'],
#landcover[class='wetland'] {
polygon-fill: darken(@land,3);
[zoom>=15] { polygon-fill:mix(@land,@fill4,95); }
}
#landuse[class='pitch'],
#landcover[class='sand'] {
polygon-fill: mix(@land,@fill4,90);
}
#landuse[class='hospital'],
#landuse[class='industrial'],
#landuse[class='school'] {
polygon-fill: mix(@land,@fill1,95);
}
#building {
polygon-fill: mix(@fill2,@land,25);
[zoom>=16]{ polygon-fill: mix(@fill2,@land,50);}
}
#aeroway {
['mapnik::geometry_type'=3][class!='apron'] {
polygon-fill: mix(@fill2,@land,25);
[zoom>=16]{ polygon-fill: mix(@fill2,@land,50);}
}
['mapnik::geometry_type'=2] {
line-color: mix(@fill2,@land,25);
line-width: 1;
[zoom>=13][class='runway'] { line-width: 4; }
[zoom>=16] {
[class='runway'] { line-width: 6; }
line-width: 3;
line-color: mix(@fill2,@land,50);
}
}
}
// Water Features //
#water {
::shadow {
polygon-fill: mix(@land,@fill4,75);
}
::fill {
// a fill and overlay comp-op lighten the polygon-
// fill from ::shadow.
polygon-fill: @land;
comp-op: soft-light;
// blurring reveals the polygon fill from ::shadow around
// the edges of the water
image-filters: agg-stack-blur(10,10);
}
}
// Water color is calculated by sampling the resulting color from
// the soft-light comp-op in the #water layer style above.
@water: #d1d1d1;
#waterway {
[class='river'],
[class='canal'] {
line-color: @water;
line-width: 0.5;
[zoom>=12] { line-width: 1; }
[zoom>=14] { line-width: 2; }
[zoom>=16] { line-width: 3; }
}
[class='stream'] {
line-color: @water;
line-width: 0.5;
[zoom>=14] { line-width: 1; }
[zoom>=16] { line-width: 2; }
[zoom>=18] { line-width: 3; }
}
}