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

93 lines
1.2 KiB
SCSS

.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__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;
align-items: center;
}
.destination__line {
@extend .line__symbol;
}
.destination__lines li {
display: inline-block;
@include spacing;
}
.finder__stop {
max-width: 100%;
}
.stop-group:not(:last-child) {
margin-bottom: 1rem;
}
.stop-group__header {
@extend .section__title;
display: flex;
margin-bottom: 0 !important;
.actions {
margin: -.5rem -.75rem;
margin-left: auto;
}
}
.stop-group__name {
font-size: $font-size-base;
font-weight: bold;
margin-bottom: 0;
}