Sha256: 5b77b639b13e9ab1358e6bd7864923601cbed61eb8712cb63f116049f616950e
Contents?: true
Size: 1.71 KB
Versions: 5
Compression:
Stored size: 1.71 KB
Contents
/// Fade in logo when scroller is near top
///
/// - `"first-page"`: only on first page
///
/// - `"all-pages"`: on all pages
$logo-watermark-variant-fade-in-near-top: "first-page" !default;
@mixin logo-variant-watermark(
$top,
$width,
$height,
$phone-height
) {
.header_logo {
@extend %pageflow_widget_margin_top !optional;
display: none;
@include hide-text;
position: absolute;
width: $width;
height: $height;
top: $top;
left: 8%;
z-index: 1;
pointer-events: none;
opacity: 0.3;
@include transition(opacity 500ms);
@include phone {
width: $phone-height * $width / $height;
height: $phone-height;
top: 21px;
}
.js & {
display: block;
}
&:after,
&:before {
background-repeat: no-repeat;
background-size: 100% auto;
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
pointer-events: none;
@include transition(opacity 500ms);
}
&:before {
opacity: 1;
background-image: image-url("pageflow/themes/#{$theme-name}/logo_header.png");
}
&:after {
opacity: 0;
background-image: image-url("pageflow/themes/#{$theme-name}/logo_header_invert.png");
}
}
.header.invert .header_logo:before {
opacity: 0;
}
.header.invert .header_logo:after {
opacity: 1;
}
.header.near_top .header_logo {
pointer-events: all;
}
@if $logo-watermark-variant-fade-in-near-top == "first-page" {
.header.near_top.first_page .header_logo {
opacity: 1;
}
} @else {
.header.near_top .header_logo {
opacity: 1;
}
}
.header.near_top .header_logo:hover {
opacity: 1;
}
}
Version data entries
5 entries across 5 versions & 1 rubygems