Sha256: a2cd85b2a34c0a90458621331a3c4fada6c202227b68cced8c55323d199a0b54
Contents?: true
Size: 1.42 KB
Versions: 6
Compression:
Stored size: 1.42 KB
Contents
@include pageflow-page-type("vr");
@include pageflow-page-type-pictograms("vr");
$vr-loading-indicator-color: #fff !default;
$vr-no-vr-background-color: rgba(17, 17, 17, 0.9) !default;
$vr-no-vr-icon-color: #555 !default;
.pageflow_vr-vr_view {
pointer-events: all;
position: absolute;
height: 100%;
width: 100%;
}
.pageflow_vr-vr_view-frame {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;;
}
.pageflow_vr-page_loading_indicator {
position: absolute;
top: 50%;
left: 50%;
@include transform(translate(-50%, -50%));
@include transition(opacity 0.5s, visibility 0.5s);
}
.pageflow_vr-page_loading_indicator_icon {
display: block;
width: 200px;
height: 200px;
fill: $vr-loading-indicator-color;
@include animation(pageflow_vr-blink 3s infinite ease);
}
.pageflow_vr-page_loading_indicator-hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.pageflow_vr-no_vr_view {
margin: 5em auto 0 auto;
padding: 20px;
background-color: $vr-no-vr-background-color;
max-width: 500px;
border-radius: 2px;
a {
@extend %anchor;
color: $main-color;
pointer-events: all;
}
p {
width: auto;
}
svg {
width: 100px;
height: 100px;
fill: $vr-no-vr-icon-color;
margin: 0 auto 20px auto;
display: block;
}
}
@include keyframes(pageflow_vr-blink) {
0% {
opacity: 0.7;
}
50% {
opacity: 0.3;
}
100% {
opacity: 0.7;
}
}
Version data entries
6 entries across 6 versions & 1 rubygems