jiti-meet/css/deep-linking/_mobile.scss

161 lines
4.0 KiB
SCSS
Raw Normal View History

.deep-linking-mobile {
2016-12-22 12:50:20 +00:00
background-color: #fff;
height: 100vh;
overflow: auto;
position: relative;
2017-01-13 22:37:53 +00:00
width: 100vw;
2016-12-22 12:50:20 +00:00
.header {
width: 100%;
height: 70px;
background-color: $deepLinkingMobileHeaderBackground;
text-align: center;
.logo {
margin-top: 15px;
margin-left: auto;
margin-right: auto;
height: $deepLinkingMobileLogoHeight;
}
}
a {
2019-11-05 12:02:39 +00:00
text-decoration: none;
color: $deepLinkingMobileLinkColor;
}
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;
padding: 35px 0 40px 0;
2016-12-22 12:50:20 +00:00
text-align: center;
width: 90%;
2016-12-23 16:21:51 +00:00
a:active {
text-decoration: none;
}
.image {
max-width: 80%;
}
}
&__text {
font-weight: bolder;
2019-11-05 12:02:39 +00:00
font-size: $deepLinkingMobileTextFontSize;
line-height: $deepLinkingMobileTextLineHeight;
padding: 10px 10px 0px 10px;
2016-12-22 12:50:20 +00:00
}
&__text,
.deep-linking-dial-in {
font-size: 1em;
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);
}
}
table {
font-size: 1em;
}
.dial-in-conference-id {
text-align: center;
min-width: 200px;
margin-top: 40px;
}
.dial-in-conference-id {
2019-11-05 12:02:39 +00:00
margin: $deepLinkingDialInConferenceIdMargin;
padding: $deepLinkingDialInConferenceIdPadding;
background-color: $deepLinkingDialInConferenceIdBackgroundColor;
border-radius: $deepLinkingDialInConferenceIdBorderRadius;
}
.dial-in-conference-description {
2019-11-05 12:02:39 +00:00
font-size: $deepLinkingDialInConferenceDescriptionFontSize;
line-height: $deepLinkingDialInConferenceDescriptionLineHeight;
margin-bottom: $deepLinkingDialInConferenceDescriptionMarginBottom;
}
.toll-free-list {
min-width: 80px;
}
.numbers-list {
min-width: 150px;
}
2019-02-26 17:01:40 +00:00
li.toll-free:empty:before {
content: '.';
visibility: hidden;
}
2016-12-22 12:50:20 +00:00
}
&__href {
height: 2.2857142857142856em;
2019-11-05 12:02:39 +00:00
line-height: $depLinkingMobileHrefLineHeight;
margin: 18px auto 20px;
max-width: 300px;
width: auto;
2019-11-05 12:02:39 +00:00
font-weight: $deepLinkingMobileHrefFontWeight;
font-size: $deepLinkingMobileHrefFontSize;
2016-12-22 12:50:20 +00:00
}
&__button {
border: 0;
2019-11-05 12:02:39 +00:00
height: $deepLinkingMobileButtonHeight;
line-height: $deepLinkingMobileButtonLineHeight;
margin: $deepLinkingMobileButtonMargin;
padding: 0px 10px 0px 10px;
2016-12-22 12:50:20 +00:00
max-width: 300px;
2019-11-05 12:02:39 +00:00
width: $deepLinkingMobileButtonWidth;
@include border-radius(3px);
2017-01-19 15:47:22 +00:00
background-color: $unsupportedBrowserButtonBgColor;
color: #505F79;
2019-11-05 12:02:39 +00:00
font-weight: $deepLinkingMobileButtonFontWeight;
font-size: $deepLinkingMobileButtonFontSize;
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;
2019-11-05 12:02:39 +00:00
border-radius: $primaryDeepLinkingMobileButtonBorderRadius;
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
}
}
}
.deep-linking-dial-in {
display: none;
&.has-numbers {
align-items: center;
display: flex;
flex-direction: column;
}
.dial-in-numbers-list {
color: $unsupportedBrowserTextColor;
padding-left: 20px;
}
.dial-in-numbers-body {
vertical-align: top;
}
}
2017-01-13 22:37:53 +00:00
}