1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-01 15:55:36 +01:00
site/_src/_assets/styles/_page-features.scss

81 lines
1.2 KiB
SCSS
Raw Normal View History

2016-02-09 12:15:41 +01:00
.table--comparison {
.icon-check {
width: 1rem;
height: 1rem;
margin: auto;
display: block;
}
}
2016-02-08 14:35:02 +01:00
.feature {
2016-01-14 13:04:44 +01:00
display: flex;
2016-02-08 14:35:02 +01:00
margin-bottom: $spacer;
2016-01-14 13:04:44 +01:00
&:first-of-type { padding-top: 0; }
}
2016-02-08 14:35:02 +01:00
.feature__icon {
flex: 0 0 15%;
2016-01-14 13:04:44 +01:00
margin-right: 5%;
margin-top: 2px;
2016-02-08 14:35:02 +01:00
margin-bottom: 0;
width: 3rem;
height: 3rem;
2016-02-08 14:35:02 +01:00
}
.feature__detail {
flex: 0 0 80%;
2016-02-08 14:35:02 +01:00
}
.feature__title {
2017-04-12 18:31:59 +02:00
@extend .h5;
color: $brand-main-blue-light;
2016-02-08 14:35:02 +01:00
margin-top: 0;
margin-bottom: ($spacer / 3);
2016-01-14 13:04:44 +01:00
}
2016-02-08 14:35:02 +01:00
.feature__text {
margin-bottom: 0;
2016-01-14 13:04:44 +01:00
}
.feture_roadmap {
padding: 1rem 0 0;
}
2016-01-14 13:04:44 +01:00
2016-03-25 02:05:24 +01:00
.feature__title__comingsoon {
@extend .small;
font-family: $headings-font-family;
color: $gray-light;
background: $gray-dark;
2016-03-25 02:05:24 +01:00
display: inline-block;
margin-left: ($spacer / 2);
padding: ($spacer / 4) ($spacer / 2);
border-radius: 2px;
vertical-align: middle;
}
2016-02-09 16:35:51 +01:00
.stacks__title {
font-size: $font-size-h3;
}
.stacks__image {
figcaption { margin: $spacer 0; }
}
2016-02-10 16:57:19 +01:00
.section-usecases {
.grid {
// manually center last column
.grid__col:last-child {
margin: auto;
}
2016-01-21 12:44:47 +01:00
}
2016-01-14 13:04:44 +01:00
}
2017-04-19 19:19:14 +02:00
.section-comparison {
.icon-check {
stroke-width: 2;
}
}