redoc/lib/shared/components/Tabs/tabs.scss
2016-11-01 17:00:52 +02:00

51 lines
776 B
SCSS

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