@import '../../styles/variables';

ul {
  display: block;
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
}

li.active {
}

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