diff options
Diffstat (limited to 'sass/app.scss')
-rw-r--r-- | sass/app.scss | 54 |
1 files changed, 48 insertions, 6 deletions
diff --git a/sass/app.scss b/sass/app.scss index 811adfd..915ea1f 100644 --- a/sass/app.scss +++ b/sass/app.scss @@ -47,17 +47,61 @@ div.content { width: 100%; height: 100ex; + &.exit-unknown { + .section { + left: 1em; + width: 2em; + } + .wagon { + left: 3em; + min-width: 6em; + } + .details { + left: 10em; + right: 0em; + } + } + + &.exit-left { + .section { + left: 1em; + width: 2em; + background-color: $bg05; + } + .wagon { + left: 3em; + min-width: 6em; + } + .details { + left: 10em; + right: 0em; + } + } + + &.exit-right { + .section { + right: 1em; + width: 2em; + background-color: $bg05; + } + .wagon { + right: 3em; + min-width: 6em; + } + .details { + right: 10em; + left: 0em; + text-align: right; + } + } + .section { position: absolute; - left: 1em; - width: 2em; text-align: center; } .wagon { position: absolute; - left: 3em; - min-width: 6em; border: 1px solid $fg3; padding-left: 0.2em; padding-right: 0.2em; @@ -96,8 +140,6 @@ div.content { .details { position: absolute; padding-top: 0.5ex; - left: 10em; - right: 0em; .type { display: inline-block; |