redoc/lib/common/components/Tabs/tabs.scss

@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;
    vertical-align: middle;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    margin-right: 0.5em;
  }
}

.tab-success:before {
  box-shadow: 0 0 3px 0 #00aa11;
  background-color: #00aa11;
}

.tab-error:before {
  box-shadow: 0 0 3px 0 #E53935;
  background-color: #E53935;
}

.tab-redirect:before {
  box-shadow: 0 0 3px 0 #F88F00;
  background-color: #F88F00;
}

.tab-info:before {
  box-shadow: 0 0 3px 0 #66C2FF;
  background-color: #66C2FF;
}