jiti-meet/css/unsupported-browser/_unsupported-mobile-browser...

65 lines
1.4 KiB
SCSS
Raw Normal View History

2017-01-25 22:11:44 +00:00
.unsupported-mobile-browser {
2016-12-22 12:50:20 +00:00
background-color: #fff;
height: 100vh;
padding: 35px 0;
2017-01-13 22:37:53 +00:00
width: 100vw;
2016-12-22 12:50:20 +00:00
&__body {
2017-01-19 15:47:22 +00:00
color: $unsupportedBrowserTextColor;
2016-12-22 12:50:20 +00:00
margin: auto;
max-width: 40em;
text-align: center;
2017-01-13 22:37:53 +00:00
width: 75%;
2016-12-23 16:21:51 +00:00
a:active {
text-decoration: none;
}
2016-12-22 12:50:20 +00:00
}
&__text {
font-size: 1.2em;
2016-12-22 12:50:20 +00:00
line-height: em(29px, 21px);
2017-01-13 22:37:53 +00:00
margin-bottom: 0.65em;
2016-12-22 12:50:20 +00:00
&_small {
2017-01-25 22:11:44 +00:00
font-size: 1.5em;
2016-12-22 12:50:20 +00:00
margin-bottom: 1em;
2017-01-13 22:37:53 +00:00
margin-top: em(21, 18);
2016-12-22 12:50:20 +00:00
strong {
font-size: em(21, 18);
}
}
}
&__logo {
2016-12-23 16:21:51 +00:00
height: 108px;
2017-01-13 22:37:53 +00:00
width: 77px;
2016-12-22 12:50:20 +00:00
}
&__button {
border: 0;
height: 2.2857142857142856em;
line-height: 2.2857142857142856em;
margin: auto auto 9px;
2016-12-22 12:50:20 +00:00
max-width: 300px;
width: auto;
@include border-radius(3px);
2017-01-19 15:47:22 +00:00
background-color: $unsupportedBrowserButtonBgColor;
color: #505F79;
2016-12-22 12:50:20 +00:00
&:active {
2017-01-19 15:47:22 +00:00
background-color: $unsupportedBrowserButtonBgColor;
2016-12-22 12:50:20 +00:00
}
&_primary {
2017-01-19 15:47:22 +00:00
background-color: $primaryUnsupportedBrowserButtonBgColor;
color: #FFFFFF;
2016-12-22 12:50:20 +00:00
&:active {
2017-01-19 15:47:22 +00:00
background-color: $primaryUnsupportedBrowserButtonBgColor;
2016-12-22 12:50:20 +00:00
}
}
}
2017-01-13 22:37:53 +00:00
}