Add CSS classes for elevators/escalators

Also, consider realtime status information for coloring those.

src/map/assets/css/breeze-common.mapcss

@@ -744,3 +744,37 @@ node|z19- [amenity=drinking_water]
 {
     text: "";
 }
+
+/** Elevators/escalators. */
+area[building=elevator],
+area[building:part=elevator],
+area[building=yes][elevator=yes][!tourism][!shop][!amenity],
+area[building:part=yes][elevator=yes],
+area[highway=elevator],
+area[room=elevator],
+area[stairwell=elevator],
+area[indoor=room][elevator=yes]
+{
+    set .elevator;
+    width: 0;
+    z-index: 1;
+}
+
+node[highway=elevator][access!=no]
+{
+    set .elevator;
+    icon-image: "elevator";
+}
+
+line[highway=footway][conveying=yes],
+line[highway=footway][conveying=forward],
+line[highway=footway][conveying=backward],
+line[highway=footway][conveying=reversible],
+line[highway=steps][conveying=yes],
+line[highway=steps][conveying=forward],
+line[highway=steps][conveying=backward],
+line[highway=steps][conveying=reversible]
+{
+    set .escalator;
+    casing-linecap: none;
+}

src/map/assets/css/breeze-dark.mapcss

@@ -118,18 +118,9 @@ line [highway=steps] {
     dashes: 0.5, 0.5;
 }
 
-line[highway=footway][conveying=yes],
-line[highway=footway][conveying=forward],
-line[highway=footway][conveying=backward],
-line[highway=footway][conveying=reversible],
-line[highway=steps][conveying=yes],
-line[highway=steps][conveying=forward],
-line[highway=steps][conveying=backward],
-line[highway=steps][conveying=reversible]
-{
-    casing-color: #27ae60;
-    casing-linecap: none;
-}
+line.escalator { casing-color: #27ae60; }
+line.escalator [mx:realtime_status=0] { casing-color: #da4453; }
+line.escalator [mx:realtime_status=1] { casing-color: #11d116; }
 
 /** Railway stuff */
 area[railway=platform],
@@ -191,25 +182,17 @@ area[room=toilets]
     fill-color: #3daee9;
 }
 
-area[building=elevator],
-area[building:part=elevator],
-area[building=yes][elevator=yes][!tourism][!shop][!amenity],
-area[building:part=yes][elevator=yes],
-area[highway=elevator],
-area[room=elevator],
-area[stairwell=elevator],
-area[indoor=room][elevator=yes]
+area.elevator
 {
     fill-color: #27ae60;
     color: #7f8c8d;
-    width: 0;
-    z-index: 1;
-}
-node[highway=elevator][access!=no]
-{
-    icon-image: "elevator";
-    icon-color: #27ae60;
 }
+area.elevator [mx:realtime_status=0] { fill-color: #ed1515; }
+area.elevator [mx:realtime_status=1] { fill-color: #11d116; }
+
+node.elevator { icon-color: #27ae60; }
+node.elevator [mx:realtime_status=0] { icon-color: #ed1515; }
+node.elevator [mx:realtime_status=1] { icon-color: #11d116; }
 
 area[shop=ticket],
 area[tourism=information]

src/map/assets/css/breeze-light.mapcss

@@ -120,18 +120,9 @@ line [highway=steps] {
     dashes: 0.5, 0.5;
 }
 
-line[highway=footway][conveying=yes],
-line[highway=footway][conveying=forward],
-line[highway=footway][conveying=backward],
-line[highway=footway][conveying=reversible],
-line[highway=steps][conveying=yes],
-line[highway=steps][conveying=forward],
-line[highway=steps][conveying=backward],
-line[highway=steps][conveying=reversible]
-{
-    casing-color: #006e28;
-    casing-linecap: none;
-}
+line.escalator { casing-color: #006e28; }
+line.escalator [mx:realtime_status=0] { casing-color: #da4453; }
+line.escalator [mx:realtime_status=1] { casing-color: #27ae60; }
 
 /** Railway stuff */
 area[railway=platform],
@@ -193,25 +184,17 @@ area[room=toilets]
     fill-color: #8ecbe9;
 }
 
-area[building=elevator],
-area[building:part=elevator],
-area[building=yes][elevator=yes][!tourism][!shop][!amenity],
-area[building:part=yes][elevator=yes],
-area[highway=elevator],
-area[room=elevator],
-area[stairwell=elevator],
-area[indoor=room][elevator=yes]
+area.elevator
 {
     fill-color: #006e28;
     color: #31363b;
-    width: 0;
-    z-index: 1;
-}
-node[highway=elevator][access!=no]
-{
-    icon-image: "elevator";
-    icon-color: #006e28;
 }
+area.elevator [mx:realtime_status=0] { fill-color: #ed1515; }
+area.elevator [mx:realtime_status=1] { fill-color: #27ae60; }
+
+node.elevator { icon-color: #006e28; }
+node.elevator [mx:realtime_status=0] { icon-color: #ed1515; }
+node.elevator [mx:realtime_status=1] { icon-color: #27ae60; }
 
 area[shop=ticket],
 area[tourism=information]