@import '../../styles/variables'; :host { display: block; } ul { display: block; margin: 0; padding: 0; } li { list-style: none; display: inline-block; cursor: pointer; } .tab-success, .tab-error, .tab-redirect, .tab-info { &:before { content: ""; display: inline-block; position: relative; top: -2px; height: 4px; width: 4px; border-radius: 50%; margin-right: 0.5em; } } .tab-success:before { box-shadow: 0 0 3px 0 $green; background-color: $green; } .tab-error:before { box-shadow: 0 0 3px 0 $red; background-color: $red; } .tab-redirect:before { box-shadow: 0 0 3px 0 $yellow; background-color: $yellow; } .tab-info:before { box-shadow: 0 0 3px 0 $primary-color; background-color: $primary-color; }