mirror of
https://github.com/bigchaindb/site.git
synced 2024-12-24 18:36:11 +01:00
159 lines
2.7 KiB
SCSS
159 lines
2.7 KiB
SCSS
//
|
|
// Page: enterprise
|
|
// ---
|
|
// bigchaindb.com
|
|
//
|
|
.page-enterprise {
|
|
// Different Features unit layout
|
|
.feature {
|
|
display: block;
|
|
}
|
|
|
|
.feature__title {
|
|
margin-bottom: $spacer;
|
|
|
|
// the bottom line
|
|
&:after {
|
|
content: '';
|
|
height: 2px;
|
|
width: 3rem;
|
|
display: block;
|
|
margin-top: $spacer * $line-height;
|
|
}
|
|
}
|
|
|
|
.feature__text {
|
|
opacity: .75;
|
|
}
|
|
|
|
.feature__icon {
|
|
margin-top: 0;
|
|
margin-bottom: $spacer / 6;
|
|
width: 2.2rem;
|
|
height: 2.2rem;
|
|
}
|
|
}
|
|
|
|
.hero--enterprise {
|
|
.logo-enterprise {
|
|
margin-bottom: $spacer * 2;
|
|
|
|
.logo,
|
|
.logo-enterprise--text {
|
|
opacity: .5;
|
|
}
|
|
}
|
|
|
|
.section-title {
|
|
.wf-active &,
|
|
.wf-inactive & {
|
|
animation-delay: .2s;
|
|
}
|
|
}
|
|
|
|
.section-description {
|
|
margin-bottom: $spacer * 2;
|
|
|
|
.wf-active &,
|
|
.wf-inactive & {
|
|
animation-delay: .4s;
|
|
}
|
|
}
|
|
|
|
.hero__action {
|
|
.wf-active &,
|
|
.wf-inactive & {
|
|
animation-delay: .6s;
|
|
}
|
|
}
|
|
|
|
.hero__content {
|
|
margin-top: $spacer * 6;
|
|
margin-bottom: $spacer * 6;
|
|
}
|
|
|
|
@media ($screen-md) {
|
|
.section-title,
|
|
.section-description {
|
|
max-width: 66%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
.btn {
|
|
@extend .btn-secondary;
|
|
min-width: 220px;
|
|
|
|
&:first-of-type {
|
|
@extend .btn-primary;
|
|
margin-right: $spacer;
|
|
}
|
|
}
|
|
}
|
|
|
|
.section--enterpriseintro {
|
|
.grid,
|
|
.feature {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.btn {
|
|
margin-top: $spacer * 2;
|
|
}
|
|
|
|
h2 {
|
|
@extend .h3;
|
|
margin-bottom: $spacer;
|
|
}
|
|
|
|
.feature__title {
|
|
// the bottom line
|
|
&:after {
|
|
background: rgba($gray-light, .4);
|
|
}
|
|
}
|
|
}
|
|
|
|
.section--enterprisetestimonial {
|
|
.testimonial {
|
|
@extend .large;
|
|
margin: 0 auto;
|
|
|
|
@media ($screen-sm) {
|
|
max-width: 66%;
|
|
}
|
|
}
|
|
|
|
.testimonial__quote {
|
|
&:before {
|
|
margin-left: -1.3rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
.section--enterprisesupport {
|
|
.actions {
|
|
text-align: center;
|
|
margin-top: $spacer * 2;
|
|
padding-top: $spacer * 2;
|
|
border-top: 1px solid darken($brand-main-green, 5%);
|
|
}
|
|
}
|
|
|
|
.form--enterprise {
|
|
background: darken($brand-main-blue, 5%);
|
|
|
|
.grid {
|
|
@media ($screen-sm) {
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
.grid__col {
|
|
@media ($screen-sm) {
|
|
flex-basis: 48%;
|
|
}
|
|
}
|
|
}
|