czydojade/resources/styles/_stop.scss
2020-01-23 19:27:08 +01:00

52 lines
660 B
SCSS

.stop, .stop-group__header {
@extend .flex;
flex-wrap: wrap;
}
.stop__name {
flex: 1 0;
line-height: 1.1;
}
.stop__variant {
margin: 0 .5rem;
}
.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__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%;
}
}
}