mirror of
https://github.com/bigchaindb/site.git
synced 2024-11-01 15:55:36 +01:00
60 lines
976 B
SCSS
60 lines
976 B
SCSS
|
|
.section-difference {
|
|
@extend .background--gray;
|
|
}
|
|
|
|
.difference {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: ($spacer * 2) 0;
|
|
|
|
&:first-of-type { padding-top: 0; }
|
|
}
|
|
|
|
.difference__icon {
|
|
flex: 0 0 15%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.difference__text {
|
|
flex: 0 0 80%;
|
|
|
|
.section-difference & { color: #fff; }
|
|
}
|
|
|
|
|
|
.section-timeline {
|
|
position: relative;
|
|
|
|
// background
|
|
background: url('../img/photo1.jpg') no-repeat center top;
|
|
background-size: cover;
|
|
|
|
// color overlay
|
|
&:before {
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-brown 100%);
|
|
opacity: .7;
|
|
z-index: 0;
|
|
}
|
|
|
|
.row { z-index: 1 }
|
|
|
|
.section-title,
|
|
.section-description,
|
|
.timeline {
|
|
color: #fff;
|
|
}
|
|
|
|
.timeline {
|
|
|
|
}
|
|
}
|