summaryrefslogtreecommitdiff
path: root/sass/src/common
diff options
context:
space:
mode:
authorCassidy Dingenskirchen <admin@15318.de>2023-10-22 18:32:41 +0200
committerCassidy Dingenskirchen <admin@15318.de>2023-10-22 18:32:41 +0200
commit644ab3e660aa1cf0fce21ef8300997b3c85ef049 (patch)
tree66ee361a77ae7b93e04dafa4857cb290e160609f /sass/src/common
parent2cee1c0fea109cd731bf3be996885a86ba09f125 (diff)
departure board: aria-label and contrast fix
Diffstat (limited to 'sass/src/common')
-rw-r--r--sass/src/common/local.scss59
1 files changed, 32 insertions, 27 deletions
diff --git a/sass/src/common/local.scss b/sass/src/common/local.scss
index d5e4598..81534dc 100644
--- a/sass/src/common/local.scss
+++ b/sass/src/common/local.scss
@@ -68,6 +68,7 @@ ul.suggestions {
}
}
+
.departures li {
transition: background .3s;
display: grid;
@@ -89,35 +90,17 @@ ul.suggestions {
font-style: normal;
}
}
-}
-
-.departures.connections {
- li {
- grid-template-columns: 15ch 10ch 1fr;
- }
- .connect-platform-wrapper {
- text-align: center;
- span {
- display: block;
+ &#now {
+ background-color: $departures-highlight-color;
+ padding: 2rem 20px;
+ grid-template-columns: 10ch 1fr;
+ strong {
+ font-weight: bold;
}
}
}
-.followee-checkin {
- font-size: 0.9rem;
- display: block;
- i.material-icons {
- vertical-align: middle;
- }
-}
-.departures #now {
- background-color: $departures-highlight-color;
- padding: 2rem 20px;
- grid-template-columns: 10ch 1fr;
- strong {
- font-weight: bold;
- }
-}
+
.departures .dep-time {
color: $off-black;
}
@@ -138,6 +121,14 @@ ul.suggestions {
min-width: 6ch;
margin: 0 auto;
+ .followee-checkin {
+ font-size: 0.9rem;
+ display: block;
+ i.material-icons {
+ vertical-align: middle;
+ }
+ }
+
&.Bus, &.RUF, &.AST {
background-color: #a3167e;
border-radius: 5rem;
@@ -158,10 +149,10 @@ ul.suggestions {
border-radius: 5rem;
padding: .2rem .5rem;
}
- &.RE, &.IRE {
+ &.RE, &.IRE, &.REX {
background-color: #ff4f00;
}
- &.RB, &.MEX, &.TER {
+ &.RB, &.MEX, &.TER, &.R {
background-color: #1f4a87;
}
// DE
@@ -188,9 +179,23 @@ ul.suggestions {
}
&.FLX {
background-color: #71d800;
+ color: black;
}
}
+.departures.connections {
+ li {
+ grid-template-columns: 15ch 10ch 1fr;
+ }
+ .connect-platform-wrapper {
+ text-align: center;
+ span {
+ display: block;
+ }
+ }
+}
+
+
@media screen and (max-width: 600px) {
.departures li {
grid-template-columns: 10ch 1fr;