10 lines
1.2 KiB
CSS
10 lines
1.2 KiB
CSS
.cards .project-stages-container {margin: 0 0 -16px 0; padding: 0 4px; padding-top:20px; position: relative;}
|
|
.cards .project-stages:after {content: ' '; width: 30px; display: block; right: -5px; top: 16px; bottom: -5px; z-index: 1; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); position: absolute;}
|
|
.cards .project-stages-row {position: relative; height: 30px; z-index: 0;}
|
|
.cards .project-stage-item {white-space: nowrap; position: absolute; top: 0; min-width: 48px; padding-top: 13px; color: #838A9D;}
|
|
.cards .project-stage-item > div {max-width: 70px; white-space: nowrap; overflow: hidden; text-align: center; text-overflow: ellipsis;}
|
|
.cards .project-stage-item:before {content: ' '; display: block; width: 8px; height: 8px; border-radius: 50%; background: #D1D1D1; position: absolute; left: 50%; margin-left: -4px; top: 0; z-index: 1;}
|
|
.cards .project-stage-item + .project-stage-item:after {content: ' '; display: block; left: -50%; right: 50%; height: 2px; background-color: #D1D1D1; top: 3px; position: absolute; z-index: 0;}
|
|
.cards .project-stage-item.is-going {color: #333;}
|
|
.cards .project-stage-item.is-going::before {background-color: #0C64EB;}
|