summaryrefslogtreecommitdiff
path: root/sass/app.scss
diff options
context:
space:
mode:
authorDaniel Friesel <derf@finalrewind.org>2021-01-02 15:40:31 +0100
committerDaniel Friesel <derf@finalrewind.org>2021-01-02 15:40:31 +0100
commit9958706954315a7db9a69662cd0c1b093f940385 (patch)
treed936a6cc2d68841fabad2a980e2ba80a125fe75b /sass/app.scss
parent202b7e81982ce73ede96852ca69b0813bcd0de9d (diff)
sassify wagon order SCSS definitions
Diffstat (limited to 'sass/app.scss')
-rw-r--r--sass/app.scss213
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 {