1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-29 23:28:03 +01:00
site/_src/_assets/styles/bigchain/_timeline.scss

59 lines
902 B
SCSS

//
// Timeline
// ---
// bigchain.io
//
.timeline {
position: relative;
// actual timeline line
&:before {
@media ($screen-sm) {
content: "";
width: 400%;
margin-left: -200%;
height: 1px;
display: block;
background: #fff;
position: absolute;
bottom: 2.4rem;
}
}
}
.timeline__entry {
text-align: center;
}
.timeline__entry__title,
.timeline__entry__time {
display: block;
}
.timeline__entry__title {
@extend .h4;
color: #fff;
// data point
&:after {
content: "";
width: .5rem;
height: .5rem;
border-radius: 50%;
margin: $spacer auto;
display: block;
background: #fff;
}
}
.timeline__entry__time {
@extend .small;
opacity: .5;
}
.timeline__entry--future {
opacity: .7;
}