gsy-component-library
Version:
reusable components from grid singularity
49 lines (48 loc) • 1.88 kB
CSS
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700");
.progressIndicator {
display: flex;
flex-direction: row; }
.progressIndicator__item {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
margin: 0 auto;
flex-grow: 1; }
.progressIndicator__item:before {
position: relative;
display: block;
content: '';
height: 1px;
width: 100%;
top: 40px; }
.theme-d3a .progressIndicator__item:before {
border-top: 1px solid #7d7d7d; }
.theme-verbund .progressIndicator__item:before {
border-top: 1px solid #7d7d7d; }
.theme-d3a .progressIndicator__item .diamond--indicator {
background-color: #3a657f; }
.theme-verbund .progressIndicator__item .diamond--indicator {
background-color: #3a657f; }
.theme-d3a .progressIndicator__item--prev .diamond--indicator {
background-color: #35d7c6; }
.theme-verbund .progressIndicator__item--prev .diamond--indicator {
background-color: #35d7c6; }
.progressIndicator__item--current .diamond--indicator {
border: solid 3px; }
.theme-d3a .progressIndicator__item--current .diamond--indicator {
border-color: #35d7c6; }
.theme-verbund .progressIndicator__item--current .diamond--indicator {
border-color: #35d7c6; }
.theme-d3a .progressIndicator__item--disabled .diamond--indicator {
background-color: #7d7d7d; }
.theme-verbund .progressIndicator__item--disabled .diamond--indicator {
background-color: #7d7d7d; }
.progressIndicator__item--disabled .diamond--indicator:hover {
border: 0;
cursor: not-allowed; }
.progressIndicator__title {
max-width: 100px;
text-align: center;
cursor: pointer; }