jiti-meet/css/overlay/_overlay.scss

60 lines
1.1 KiB
SCSS
Raw Normal View History

2016-10-31 15:35:22 +00:00
.overlay {
&__container {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: $overlayZ;
background: $defaultBackground;
}
&__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%));
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-06-13 21:11:44 +00:00
}
2016-10-31 15:35:22 +00:00
.inlay {
margin-top: 14%;
@include border-radius(3px);
padding: 40px 38px 44px;
2016-06-13 21:11:44 +00:00
color: #fff;
2016-10-31 15:35:22 +00:00
background: lighten($defaultBackground, 20%);
2016-06-13 21:11:44 +00:00
text-align: center;
2016-10-31 15:35:22 +00:00
&__title {
margin: 12px 0;
padding-bottom: 17px;
color: $popoverFontColor;
font-size: 21px;
letter-spacing: 0.3px;
border-bottom: 1px solid $auiBorderColor;
}
2016-10-31 15:35:22 +00:00
&__text {
color: $popoverFontColor;
display: block;
margin-top: 22px;
font-size: 16px;
}
&__icon {
margin: 0 10px;
font-size: 50px;
}
}