//Variables $order-border: $border; /*Order by styles*/ .order-by{ margin-bottom: 1rem; display: flex; align-items: baseline; flex-wrap: wrap; } .order-by__dropdown{ display: flex; flex-wrap: wrap; .menu{ .is-dropdown-submenu-parent > a{ padding: 0; margin-left: .5rem; margin-top: .25rem; } } } .order-by__dropdown--right{ margin-left: auto; } .order-by__action{ margin-left: auto; justify-content: flex-end; .button{ margin-bottom: 0; } } /*.order-by__text{ @include breakpoint(medium down){ font-size: 18px; } }*/ .order-by__tabs{ display: inline-block; } .order-by__tab{ color: $muted; &:after{ content: ""; display: inline-block; height: .75em; border-left: $border; margin: 0 .2em 0 .5em; vertical-align: middle; } &.is-active{ color: $anchor-color; } &:first-of-type{ padding-left: 0; } &:last-of-type:after{ border-left: none; } }