czydojade/resources/styles/_stop.scss
2020-02-06 23:01:25 +01:00

73 lines
903 B
SCSS

.stop-group__header {
@extend .flex;
flex-wrap: wrap;
}
.stop {
flex-wrap: nowrap;
}
.stop__name {
line-height: 1.1;
}
.stop__actions {
display: flex;
}
.stop__details-fold {
flex-basis: 100%;
.fold__inner { padding-bottom: .75rem; }
}
.stop-group__name {
font-size: $font-size-base;
font-weight: bold;
margin-bottom: 0;
}
.stop__variant {
margin-left: .5em;
}
.stop__tracks .line__symbol .badge {
flex-grow: 1;
}
.stop__details {
display: flex;
flex-wrap: wrap;
margin: 0 (-$grid-gutter-width/2);
section {
flex: 0 0 100%;
padding: 0 $grid-gutter-width/2;
}
&.size-lg {
section {
flex: 0 0 50%;
}
}
}
.stop__destinations {
display: flex;
font-size: $small-font-size;
align-items: center;
ul {
@extend .favourite__stops;
}
}
.stop__destination {
@extend .favourite__stop;
}
.finder__stop {
max-width: 100%;
}