"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5079/css/deep-linking/_mobile.scss" (17 Jun 2021, 4407 Bytes) of package /linux/misc/jitsi-meet-5079.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) SASS/SCSS source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 .deep-linking-mobile {
    2     background-color: #fff;
    3     height: 100vh;
    4     overflow: auto;
    5     position: relative;
    6     width: 100vw;
    7 
    8     .header {
    9         width: 100%;
   10         height: 70px;
   11         background-color: $deepLinkingMobileHeaderBackground;
   12         text-align: center;
   13         .logo {
   14             margin-top: 15px;
   15             margin-left: auto;
   16             margin-right: auto;
   17             height: $deepLinkingMobileLogoHeight;
   18         }
   19     }
   20 
   21     a {
   22         text-decoration: none;
   23         color: $deepLinkingMobileLinkColor;
   24     }
   25 
   26     &__body {
   27         color: $unsupportedBrowserTextColor;
   28         margin: auto;
   29         max-width: 40em;
   30         padding: 35px 0 40px 0;
   31         text-align: center;
   32         width: 90%;
   33 
   34         a:active {
   35             text-decoration: none;
   36         }
   37 
   38         .image {
   39             max-width: 80%;
   40         }
   41     }
   42 
   43     &__text {
   44         font-weight: bolder;
   45         font-size: $deepLinkingMobileTextFontSize;
   46         line-height: $deepLinkingMobileTextLineHeight;
   47         padding: 10px 10px 0px 10px;
   48     }
   49 
   50     &__text,
   51     .deep-linking-dial-in  {
   52         font-size: 1em;
   53         line-height: em(29px, 21px);
   54         margin-bottom: 0.65em;
   55 
   56         &_small {
   57             font-size: 1.5em;
   58             margin-bottom: 1em;
   59             margin-top: em(21, 18);
   60 
   61             strong {
   62                 font-size: em(21, 18);
   63             }
   64         }
   65 
   66         table {
   67             font-size: 1em;
   68         }
   69 
   70         .dial-in-conference-id {
   71             margin: $deepLinkingDialInConferenceIdMargin;
   72             padding: $deepLinkingDialInConferenceIdPadding;
   73             background-color: $deepLinkingDialInConferenceIdBackgroundColor;
   74             border-radius: $deepLinkingDialInConferenceIdBorderRadius;
   75         }
   76 
   77         .dial-in-conference-name {
   78             font-size: $deepLinkingDialInConferenceNameFontSize;
   79             line-height: $deepLinkingDialInConferenceNameLineHeight;
   80             margin-bottom: $deepLinkingDialInConferenceNameMarginBottom;
   81             font-weight: $deepLinkingDialInConferenceNameFontWeight;
   82         }
   83 
   84         .dial-in-conference-description {
   85             font-size: $deepLinkingDialInConferenceDescriptionFontSize;
   86             line-height: $deepLinkingDialInConferenceDescriptionLineHeight;
   87             margin-bottom: $deepLinkingDialInConferenceDescriptionMarginBottom;
   88         }
   89 
   90         .dial-in-conference-pin {
   91             font-size: $deepLinkingDialInConferencePinFontSize;
   92             line-height: $deepLinkingDialInConferencePinLineHeight;
   93         }
   94 
   95         .toll-free-list {
   96             min-width: 80px;
   97         }
   98 
   99         .numbers-list {
  100             min-width: 150px;
  101         }
  102 
  103         li.toll-free:empty:before {
  104             content: '.';
  105             visibility: hidden;
  106         }
  107     }
  108 
  109     &__href {
  110         height: 2.2857142857142856em;
  111         line-height: $depLinkingMobileHrefLineHeight;
  112         margin: 18px auto 20px;
  113         max-width: 300px;
  114         width: auto;
  115         font-weight: $deepLinkingMobileHrefFontWeight;
  116         font-size: $deepLinkingMobileHrefFontSize;
  117     }
  118 
  119     &__button {
  120         border: 0;
  121         height: $deepLinkingMobileButtonHeight;
  122         line-height: $deepLinkingMobileButtonLineHeight;
  123         margin: $deepLinkingMobileButtonMargin;
  124         padding: 0px 10px 0px 10px;
  125         max-width: 300px;
  126         width: $deepLinkingMobileButtonWidth;
  127         @include border-radius(3px);
  128         background-color: $unsupportedBrowserButtonBgColor;
  129         color: #505F79;
  130         font-weight: $deepLinkingMobileButtonFontWeight;
  131         font-size: $deepLinkingMobileButtonFontSize;
  132 
  133         &:active {
  134             background-color: $unsupportedBrowserButtonBgColor;
  135         }
  136 
  137         &_primary {
  138             background-color: $primaryUnsupportedBrowserButtonBgColor;
  139             color: #FFFFFF;
  140             border-radius: $primaryDeepLinkingMobileButtonBorderRadius;
  141             &:active {
  142                 background-color: $primaryUnsupportedBrowserButtonBgColor;
  143             }
  144         }
  145     }
  146 
  147     .deep-linking-dial-in {
  148         display: none;
  149 
  150         &.has-numbers {
  151             align-items: center;
  152             display: flex;
  153             flex-direction: column;
  154         }
  155 
  156         .dial-in-numbers-list {
  157             color: $unsupportedBrowserTextColor;
  158             padding-left: 20px;
  159         }
  160 
  161         .dial-in-numbers-body {
  162             vertical-align: top;
  163         }
  164     }
  165 }