sassify wagon order SCSS definitions

1 files changed, 107 insertions, 106 deletions

diff --git a/sass/app.scss b/sass/app.scss
index 9e30ed7..811adfd 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -46,120 +46,121 @@ div.content {
 	position: relative;
 	width: 100%;
 	height: 100ex;
-}
-
-.wagonorder .section {
-	position: absolute;
-	left: 1em;
-	width: 2em;
-	text-align: center;
-}
-
-.wagonorder .wagon {
-	position: absolute;
-	left: 3em;
-	min-width: 6em;
-	border: 1px solid $fg3;
-	padding-left: 0.2em;
-	padding-right: 0.2em;
-}
-
-.wagonorder .wagon ~ .wagon {
-	border-top: none;
-}
-
-.wagonorder .firstclass {
-	background-color: $firstclass-wagon-color;
-}
-
-.wagonorder .powercar {
-	background-color: $powercar-wagon-color;
-}
-
-.wagonorder .wagon .material-icons {
-	color: $fg2;
-}
-
-.wagonorder .wagon .direction {
-	position: absolute;
-	left: 0.2em;
-	bottom: 0;
-	right: 0;
-	text-align: center;
-	color: $fg2;
-}
-
-.wagonorder .nondestwagon {
-	border-style: dashed;
-}
-
-.wagonorder .details {
-	position: absolute;
-	padding-top: 0.5ex;
-	left: 10em;
-	right: 0em;
-}
-
-.wagonorder .details .type {
-	display: inline-block;
-	width: 5em;
-	color: $fg2;
-}
-
-.wagonorder .details a.type {
-	color: $link-color;
-}
 
-.wagonorder .details .uicunknown {
-	color: $fg3;
-}
-
-.wagonorder .details .uicexchange {
-	margin-right: 0.2em;
-	color: $fg3;
-}
-
-.wagonorder .details .uiccountry {
-	margin-right: 0.2em;
-	color: $fg3;
-}
-
-.wagonorder .details .uic5 {
-	margin-right: 0.2em;
-	color: $fg3;
-}
+	.section {
+		position: absolute;
+		left: 1em;
+		width: 2em;
+		text-align: center;
+	}
 
-.wagonorder .details .uic56 {
-	color: $fg2;
-	font-weight: bold;
-}
+	.wagon {
+		position: absolute;
+		left: 3em;
+		min-width: 6em;
+		border: 1px solid $fg3;
+		padding-left: 0.2em;
+		padding-right: 0.2em;
+
+		.material-icons {
+			color: $fg2;
+		}
+
+		.direction {
+			position: absolute;
+			left: 0.2em;
+			bottom: 0;
+			right: 0;
+			text-align: center;
+			color: $fg2;
+		}
+	}
 
-.wagonorder .details .uic78 {
-	margin-right: 0.2em;
-	color: $fg2;
-	font-weight: bold;
-}
+	.wagon ~ .wagon {
+		border-top: none;
+	}
 
-.wagonorder .details .uic78::before {
-	content: "-";
-}
+	.firstclass {
+		background-color: $firstclass-wagon-color;
+	}
 
-.wagonorder .details .uictype {
-	margin-right: 0.2em;
-	color: $fg2;
-	font-weight: bold;
-}
+	.powercar {
+		background-color: $powercar-wagon-color;
+	}
 
-.wagonorder .details .uicno {
-	color: $fg2;
-}
 
-.wagonorder .details .uiccheck {
-	color: $fg3;
-}
+	.nondestwagon {
+		border-style: dashed;
+	}
 
-.wagonorder .details .uiccheck::before {
-	content: "-";
+	.details {
+		position: absolute;
+		padding-top: 0.5ex;
+		left: 10em;
+		right: 0em;
+
+		.type {
+			display: inline-block;
+			width: 5em;
+			color: $fg2;
+		}
+
+		a.type {
+			color: $link-color;
+		}
+
+		.uicunknown {
+			color: $fg3;
+		}
+
+		.uicexchange {
+			margin-right: 0.2em;
+			color: $fg3;
+		}
+
+		.uiccountry {
+			margin-right: 0.2em;
+			color: $fg3;
+		}
+
+		.uic5 {
+			margin-right: 0.2em;
+			color: $fg3;
+		}
+
+		.uic56 {
+			color: $fg2;
+			font-weight: bold;
+		}
+
+		.uic78 {
+			margin-right: 0.2em;
+			color: $fg2;
+			font-weight: bold;
+		}
+
+		.uic78::before {
+			content: "-";
+		}
+
+		.uictype {
+			margin-right: 0.2em;
+			color: $fg2;
+			font-weight: bold;
+		}
+
+		.uicno {
+			color: $fg2;
+		}
+
+		.uiccheck {
+			color: $fg3;
+		}
+
+		.uiccheck::before {
+			content: "-";
+		}
+	}
 }
 
 .singlewagon {