style/style.mss@8d4148a8ded4 (annotated)
style/style.mss
Tue, 15 Sep 2020 17:36:45 +0300
- author
- Teemu Piippo <teemu@hecknology.net>
- date
- Tue, 15 Sep 2020 17:36:45 +0300
- changeset 2
- 8d4148a8ded4
- parent 0
- b0eb3af2f9ee
- permissions
- -rw-r--r--
ulkoilureitit
| 0 | 1 | /* This is from osm-carto */ |
| 2 | Map { | |
| 3 | background-color: @land-color; | |
| 4 | } | |
| 5 | ||
| 6 | @regular-font: "Tahoma Regular", "Liberation Sans Regular"; | |
| 7 | @bold-font: "Tahoma Bold", "Liberation Sans Bold"; | |
| 8 | @natural-font: "Liberation Serif Italic"; | |
| 9 | @railway-fonts-bold: "FreeSans Bold"; | |
| 10 | @place-font: @regular-font; | |
| 11 | @place-font-bold: @bold-font; | |
| 12 | ||
| 13 | @water-color: #bfdbe8; | |
| 14 | @land-color: #f2efe9; | |
| 15 | ||
| 16 | @standard-halo-radius: 1; | |
| 17 | @standard-halo-fill: rgba(255,255,255,0.6); | |
| 18 | ||
| 19 | @residential-color: #d8d8e2; | |
| 20 | @commercial-color: #ebd0d0; | |
| 21 | @forest-color: #a1c8a7; | |
| 22 | @farmland-color: #e9dfc9; | |
| 23 | @grass-color: #dfebc6; | |
| 24 | @industrial-color: #e3d7e9; | |
| 25 | @religious-color: #c2cdb6; | |
| 26 | @construction-color: #ada9a0; | |
| 27 | @civic-services-color: #f0edcd; | |
| 2 | 28 | @wetland-color: #e8ebc6; |
| 0 | 29 | |
| 30 | #railway-landuse | |
| 31 | { | |
| 32 | polygon-fill: @industrial-color; | |
| 33 | [zoom >= 17] { | |
| 34 | line-width: 0.5; | |
| 35 | line-color: saturate(darken(@industrial-color, 20%), 20%); | |
| 36 | } | |
| 37 | } | |
| 38 | ||
| 39 | #landcover { | |
| 40 | [feature = 'residential'] { | |
| 41 | polygon-fill: @residential-color; | |
| 42 | [zoom >= 17] { | |
| 43 | line-width: 0.5; | |
| 44 | line-color: darken(@residential-color, 20%); | |
| 45 | } | |
| 46 | } | |
| 47 | [feature = 'commercial'] { | |
| 48 | polygon-fill: @commercial-color; | |
| 49 | [zoom >= 17] { | |
| 50 | line-width: 0.5; | |
| 51 | line-color: saturate(darken(@commercial-color, 20%), 20%); | |
| 52 | } | |
| 53 | } | |
| 54 | [feature = 'forest'] { | |
| 55 | polygon-fill: @forest-color; | |
| 56 | [zoom >= 17] { | |
| 57 | line-width: 0.5; | |
| 58 | line-color: saturate(darken(@forest-color, 20%), 20%); | |
| 59 | } | |
| 60 | } | |
| 61 | [feature = 'farmland'] { | |
| 62 | polygon-fill: @farmland-color; | |
| 63 | [zoom >= 17] { | |
| 64 | line-width: 0.5; | |
| 65 | line-color: saturate(darken(@farmland-color, 20%), 20%); | |
| 66 | } | |
| 67 | } | |
| 68 | [feature = 'grass'] { | |
| 69 | polygon-fill: @grass-color; | |
| 70 | [zoom >= 17] { | |
| 71 | line-width: 0.5; | |
| 72 | line-color: saturate(darken(@grass-color, 20%), 20%); | |
| 73 | } | |
| 74 | } | |
| 75 | [feature = 'industrial'] { | |
| 76 | polygon-fill: @industrial-color; | |
| 77 | [zoom >= 17] { | |
| 78 | line-width: 0.5; | |
| 79 | line-color: saturate(darken(@industrial-color, 20%), 20%); | |
| 80 | } | |
| 81 | } | |
| 82 | [feature = 'religious'] { | |
| 83 | polygon-fill: @religious-color; | |
| 84 | [zoom >= 17] { | |
| 85 | line-width: 0.5; | |
| 86 | line-color: darken(@religious-color, 20%); | |
| 87 | } | |
| 88 | } | |
| 89 | [feature = 'construction'] { | |
| 90 | polygon-fill: @construction-color; | |
| 91 | [zoom >= 17] { | |
| 92 | line-width: 0.5; | |
| 93 | line-color: darken(@construction-color, 20%); | |
| 94 | } | |
| 95 | } | |
| 2 | 96 | [feature = 'wetland'] { |
| 97 | polygon-fill: @wetland-color; | |
| 98 | [zoom >= 17] { | |
| 99 | line-width: 0.5; | |
| 100 | line-color: darken(@wetland-color, 20%); | |
| 101 | } | |
| 102 | } | |
| 0 | 103 | } |
| 104 | ||
| 105 | #civic-services { | |
| 106 | polygon-fill: @civic-services-color; | |
| 107 | [zoom >= 17] { | |
| 108 | line-width: 0.5; | |
| 109 | line-color: darken(@civic-services-color, 20%); | |
| 110 | } | |
| 111 | } | |
| 112 | ||
| 113 | #inland-water { | |
| 114 | polygon-fill: @water-color; | |
| 115 | [zoom >= 12] { | |
| 116 | line-width: 0.5; | |
| 117 | line-color: saturate(darken(@water-color, 20%), 20%); | |
| 118 | } | |
| 119 | } | |
| 120 | ||
| 121 | #bridge-area { | |
| 122 | polygon-fill: @land-color; | |
| 123 | } | |
| 124 | ||
| 125 | #coastline | |
| 126 | { | |
| 127 | line-width: 0.5; | |
| 128 | line-color: saturate(darken(@water-color, 20%), 20%); | |
| 129 | } |
