.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; }