// ============================================================================ // :: Gezochte Batterijen // ============================================================================ /** * The styling applied to the tag on the page containing the * 'p-gezochte-batterijen' class */ // ============================================================================ // :: Page // ============================================================================ // .p-gezochte-batterijen {} // ============================================================================ // :: Elements // ============================================================================ .p-gezochte-batterijen__home { &.m-hero { height: auto; } .m-hero__content-container { padding: 6rem 0; @include respond-at($screen-small-base) { display: block; padding: 10rem 0; } } .m-hero__title { color: $text-color; opacity: 1; & * { display: block; } } .m-hero__image { @include respond-at($screen-small-base) { background-position: center top; } } } .p-gezochte-batterijen__home-title-large { font-size: 6.2rem; text-transform: uppercase; } .p-gezochte-batterijen__home-title-sub { font-size: $font-size-3x-large; line-height: $line-height-3x-large; text-transform: uppercase; @include respond-at($screen-small-base) { font-size: 3.5rem; line-height: $line-height-4x-large; } } .p-gezochte-batterijen__home-title-small { font-size: $font-size-2x-large; line-height: $line-height-3x-large; @include respond-at($screen-small-base) { font-size: 2.5rem; line-height: $line-height-4x-large; } } .p-gezochte-batterijen__video { min-width: 100%; } .p-gezochte-batterijen__video-placeholder { width: auto; height: 100%; @include respond-at($screen-medium-base) { width: auto; height: 100%; } }