157 lines
2.3 KiB
SCSS
157 lines
2.3 KiB
SCSS
//
|
|
// Module Cover
|
|
//
|
|
|
|
.module-cover {
|
|
position: relative;
|
|
padding: $module-cover-padding-top 0 $module-cover-padding-bottom;
|
|
|
|
.container {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
}
|
|
|
|
.module-cover,
|
|
.module-cover-slides {
|
|
letter-spacing: rem(0px);
|
|
font-size: rem(15px);
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 400;
|
|
}
|
|
|
|
h1 {
|
|
font-weight: 500;
|
|
font-size: rem(40px);
|
|
}
|
|
|
|
h2 {
|
|
font-size: rem(60px);
|
|
}
|
|
|
|
h3 {
|
|
font-size: rem(48px);
|
|
}
|
|
|
|
h4 {
|
|
font-size: rem(38px);
|
|
}
|
|
|
|
h5 {
|
|
font-size: rem(24px);
|
|
}
|
|
|
|
h6 {
|
|
font-size: rem(15px);
|
|
}
|
|
|
|
.btn {
|
|
margin: 2px 10px 2px 0;
|
|
|
|
.text-right & {
|
|
margin: 2px 0 2px 10px;;
|
|
}
|
|
|
|
.text-center & {
|
|
margin: 2px 5px;
|
|
}
|
|
}
|
|
|
|
.breadcrumb {
|
|
padding: 0;
|
|
}
|
|
|
|
.container > .row > [class*=col] > *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.fullscreen,
|
|
.module-cover-slides {
|
|
padding: 0;
|
|
height: 100vh;
|
|
|
|
.container,
|
|
.container > .row {
|
|
height: 100%;
|
|
}
|
|
|
|
.container > .row {
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
|
|
//
|
|
// Media
|
|
//
|
|
|
|
@include media-breakpoint-down(md) {
|
|
|
|
.module-cover,
|
|
.module-cover.fullscreen {
|
|
min-height: auto;
|
|
height: auto;
|
|
padding: 120px 0 120px;
|
|
}
|
|
|
|
.module-cover,
|
|
.module-cover-slides {
|
|
|
|
h1 {
|
|
font-size: rem(42px);
|
|
}
|
|
|
|
h2 {
|
|
font-size: rem(38px);
|
|
}
|
|
|
|
h3 {
|
|
font-size: rem(34px);
|
|
}
|
|
|
|
h4 {
|
|
font-size: rem(30px);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
|
|
.module-cover,
|
|
.module-cover-slides {
|
|
font-size: rem(14px);
|
|
|
|
h1 {
|
|
font-size: rem(32px);
|
|
}
|
|
|
|
h2 {
|
|
font-size: rem(28px);
|
|
}
|
|
|
|
h3 {
|
|
font-size: rem(24px);
|
|
}
|
|
|
|
h4 {
|
|
font-size: rem(20px);
|
|
}
|
|
|
|
h5 {
|
|
font-size: rem(16px);
|
|
}
|
|
|
|
h6 {
|
|
font-size: rem(14px);
|
|
}
|
|
|
|
br {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
} |