jiti-meet/css/overlay/_overlay.scss

48 lines
1011 B
SCSS
Raw Normal View History

2016-10-31 15:35:22 +00:00
.overlay {
2016-12-06 05:38:09 +00:00
&__container,
&__container-light {
2016-10-31 15:35:22 +00:00
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: $overlayZ;
background: $defaultBackground;
&.filmstrip-only {
@include transparentBg($filmStripOnlyOverlayBg, 0.8);
}
2016-10-31 15:35:22 +00:00
}
2016-12-06 05:38:09 +00:00
&__container-light {
@include transparentBg($defaultBackground, 0.7);
&.filmstrip-only {
@include transparentBg($filmStripOnlyOverlayBg, 0.2);
}
2016-12-06 05:38:09 +00:00
}
2016-10-31 15:35:22 +00:00
&__content {
2016-10-31 16:23:28 +00:00
position: absolute;
2016-10-31 15:35:22 +00:00
margin: 0 auto;
2016-10-31 16:23:28 +00:00
height: 100%;
2016-10-31 15:35:22 +00:00
width: 56%;
2016-10-31 16:23:28 +00:00
left: 50%;
@include transform(translateX(-50%));
&.filmstrip-only {
left: 0px;
width: 100%;
@include transform(none);
}
2016-10-31 15:35:22 +00:00
&_bottom {
position: absolute;
bottom: 0;
}
}
2016-10-31 16:23:28 +00:00
&__policy {
position: absolute;
bottom: 24px;
2016-10-31 17:02:32 +00:00
width: 100%;
2016-10-31 15:35:22 +00:00
}
}