1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-02 05:57:18 +01:00
site/_src/_assets/styles/bigchain/_timeline.scss

58 lines
904 B
SCSS

//
// Timeline
// ---
// bigchaindb.com
//
.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;
}