mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-09-21 21:40:49 +02:00
104 lines
2 KiB
SCSS
104 lines
2 KiB
SCSS
@import '../../../@theme/styles/themes';
|
|
@import '~@nebular/theme/styles/global/breakpoints';
|
|
|
|
@include nb-install-component() {
|
|
$features-section-offset: 10.625rem;
|
|
|
|
display: block;
|
|
padding: 5.25rem 0;
|
|
|
|
.features {
|
|
width: calc(100% - #{$features-section-offset} * 2);
|
|
margin: -1.375rem auto 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
padding: 0;
|
|
|
|
.feature {
|
|
display: flex;
|
|
width: 50%;
|
|
list-style: none;
|
|
padding-right: 3.75rem;
|
|
padding-left: 0.25rem;
|
|
margin-top: 7.875rem;
|
|
|
|
&:nth-child(2n) {
|
|
padding-right: 0;
|
|
padding-left: 3.75rem;
|
|
}
|
|
}
|
|
|
|
.number {
|
|
font-family: 'Helvetica Neue Bold', sans-serif;
|
|
font-size: 8.75rem;
|
|
color: #ffffff;
|
|
text-shadow: 0 0.5rem 1rem #dae0eb;
|
|
line-height: 0.3;
|
|
}
|
|
|
|
.description {
|
|
&::before {
|
|
content: '';
|
|
display: block;
|
|
height: 0.25rem;
|
|
width: 3.5rem;
|
|
margin-bottom: 0.375rem;
|
|
background-color: nb-theme(color-active-bg);
|
|
}
|
|
|
|
font-family: nb-theme(font-secondary), sans-serif;
|
|
font-size: nb-theme(font-size-lg);
|
|
line-height: 1.5;
|
|
margin-left: 1.75rem;
|
|
}
|
|
|
|
.highlight {
|
|
font-family: nb-theme(font-main), sans-serif;
|
|
}
|
|
|
|
.active {
|
|
text-decoration: none;
|
|
font-family: nb-theme(font-main), sans-serif;
|
|
color: nb-theme(color-active-fg);
|
|
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-down(xl) {
|
|
.features {
|
|
width: 100%;
|
|
padding: 0 1rem;
|
|
margin: 0;
|
|
|
|
.number {
|
|
font-size: 6rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
padding-top: 2.625rem;
|
|
padding-bottom: 0;
|
|
|
|
.features {
|
|
flex-direction: column;
|
|
|
|
.feature {
|
|
width: 100%;
|
|
margin: 1.625rem 0 0.375rem;
|
|
padding: 0;
|
|
|
|
&:nth-child(2n) {
|
|
padding: 0;
|
|
|
|
}
|
|
}
|
|
|
|
.number {
|
|
font-size: 5rem;
|
|
line-height: 1.3;
|
|
}
|
|
}
|
|
}
|
|
}
|