"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7329/css/deep-linking/_mobile.scss" (9 Jun 2023, 4045 Bytes) of package /linux/misc/jitsi-meet-7329.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. See also the last Fossies "Diffs" side-by-side code changes report for "_mobile.scss": jitsi-meet_8319_vs_jitsi-meet_8615.

    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 
   71         .dial-in-conference-id {
   72             text-align: center;
   73             min-width: 200px;
   74             margin-top: 40px;
   75         }
   76 
   77         .dial-in-conference-id {
   78             margin: $deepLinkingDialInConferenceIdMargin;
   79             padding: $deepLinkingDialInConferenceIdPadding;
   80             background-color: $deepLinkingDialInConferenceIdBackgroundColor;
   81             border-radius: $deepLinkingDialInConferenceIdBorderRadius;
   82         }
   83 
   84         .dial-in-conference-description {
   85             font-size: $deepLinkingDialInConferenceDescriptionFontSize;
   86             line-height: $deepLinkingDialInConferenceDescriptionLineHeight;
   87             margin-bottom: $deepLinkingDialInConferenceDescriptionMarginBottom;
   88         }
   89 
   90         .toll-free-list {
   91             min-width: 80px;
   92         }
   93 
   94         .numbers-list {
   95             min-width: 150px;
   96         }
   97 
   98         li.toll-free:empty:before {
   99             content: '.';
  100             visibility: hidden;
  101         }
  102     }
  103 
  104     &__href {
  105         height: 2.2857142857142856em;
  106         line-height: $depLinkingMobileHrefLineHeight;
  107         margin: 18px auto 20px;
  108         max-width: 300px;
  109         width: auto;
  110         font-weight: $deepLinkingMobileHrefFontWeight;
  111         font-size: $deepLinkingMobileHrefFontSize;
  112     }
  113 
  114     &__button {
  115         border: 0;
  116         height: $deepLinkingMobileButtonHeight;
  117         line-height: $deepLinkingMobileButtonLineHeight;
  118         margin: $deepLinkingMobileButtonMargin;
  119         padding: 0px 10px 0px 10px;
  120         max-width: 300px;
  121         width: $deepLinkingMobileButtonWidth;
  122         @include border-radius(3px);
  123         background-color: $unsupportedBrowserButtonBgColor;
  124         color: #505F79;
  125         font-weight: $deepLinkingMobileButtonFontWeight;
  126         font-size: $deepLinkingMobileButtonFontSize;
  127 
  128         &:active {
  129             background-color: $unsupportedBrowserButtonBgColor;
  130         }
  131 
  132         &_primary {
  133             background-color: $primaryUnsupportedBrowserButtonBgColor;
  134             color: #FFFFFF;
  135             border-radius: $primaryDeepLinkingMobileButtonBorderRadius;
  136             &:active {
  137                 background-color: $primaryUnsupportedBrowserButtonBgColor;
  138             }
  139         }
  140     }
  141 
  142     .deep-linking-dial-in {
  143         display: none;
  144 
  145         &.has-numbers {
  146             align-items: center;
  147             display: flex;
  148             flex-direction: column;
  149         }
  150 
  151         .dial-in-numbers-list {
  152             color: $unsupportedBrowserTextColor;
  153             padding-left: 20px;
  154         }
  155 
  156         .dial-in-numbers-body {
  157             vertical-align: top;
  158         }
  159     }
  160 }