czydojade/front/styles/_departure.scss
2020-11-01 18:39:47 +01:00

59 lines
679 B
SCSS

.departure {
@extend .flex;
flex-wrap: wrap;
}
.departure__line {
@extend .flex;
flex: 3 0;
.line__symbol {
min-width: 6rem;
}
}
.departure__stop {
@extend .flex;
width: 100%;
}
.departure__time {
width: 9rem;
text-align: right;
}
.departure__time--delayed {
text-decoration: line-through;
}
.departures {
&.size-md {
.departure__time {
order: 2;
}
.departure__stop {
flex: 2 0;
width: auto;
}
}
&.size-sm {
.departure__time {
margin-left: auto;
}
}
}
.departures__actions {
@extend .flex;
.departures__auto-refresh {
@extend .flex;
}
.form-control {
width: auto;
}
}