"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5079/css/_prejoin-dialog.scss" (17 Jun 2021, 3311 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 .prejoin-dialog {
    2     background: #1C2025;
    3     box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5);
    4     border-radius: 5px;
    5     color: #fff;
    6     height: 400px;
    7     width: 375px;
    8 
    9     &--small {
   10         height: 300;
   11         width: 400;
   12     }
   13 
   14     &-label {
   15         font-size: 15px;
   16         line-height: 24px;
   17 
   18         &-num {
   19             background: #2b3b4b;
   20             border: 1px solid #A4B8D1;
   21             border-radius: 50%;
   22             color: #fff;
   23             display: inline-block;
   24             height: 24px;
   25             margin-right: 8px;
   26             width: 24px;
   27         }
   28     }
   29 
   30     &-container {
   31         align-items: center;
   32         background: rgba(0,0,0,0.6);
   33         display: flex;
   34         height: 100vh;
   35         justify-content: center;
   36         left: 0;
   37         position: absolute;
   38         top: 0;
   39         width: 100vw;
   40         z-index: 3;
   41     }
   42 
   43     &-flag {
   44         display: inline-block;
   45         margin-right: 8px;
   46         transform: scale(1.2);
   47     }
   48 
   49     &-title {
   50         display: inline-block;
   51         font-size: 24px;
   52         line-height: 32px;
   53     }
   54 
   55     &-icon {
   56         cursor: pointer;
   57 
   58         > svg {
   59             fill: #A4B8D1;
   60         }
   61     }
   62 
   63     &-btn {
   64         width: 309px;
   65     }
   66 
   67     &-dialin-container {
   68         text-align: center;
   69     }
   70 
   71     &-delimiter {
   72         background: #5f6266;
   73         border: 0;
   74         height: 1px;
   75         margin: 0;
   76         padding: 0;
   77         width: 100%;
   78 
   79         &-container {
   80             margin: 16px 0 24px 0;
   81             position: relative;
   82         }
   83 
   84         &-txt-container {
   85             position: absolute;
   86             text-align: center;
   87             top: -8px;
   88             width: 100%;
   89         }
   90 
   91         &-txt {
   92             background: #1C2025;
   93             color: #5f6266;
   94             font-size: 11px;
   95             text-transform: uppercase;
   96             padding: 0 8px;
   97         }
   98     }
   99 
  100     .prejoin-dialog-btn.primary,
  101     .action-btn.prejoin-dialog-btn.text {
  102         width: 310px;
  103     }
  104 }
  105 
  106 .prejoin-dialog-callout {
  107     padding: 16px;
  108 
  109     &-header {
  110         display: flex;
  111         justify-content: space-between;
  112         margin-bottom: 24px;
  113     }
  114 
  115     &-picker {
  116         margin: 8px 0 16px 0;
  117     }
  118 }
  119 
  120 .prejoin-dialog-dialin {
  121     text-align: center;
  122 
  123     &-header {
  124         align-items: center;
  125         margin: 16px 0 32px 16px;
  126         display: flex;
  127     }
  128 
  129     &-icon {
  130         margin-right: 16px;
  131     }
  132 
  133     &-num {
  134         background: #3e474f;
  135         border-radius: 4px;
  136         display: inline-block;
  137         font-size: 15px;
  138         line-height: 24px;
  139         margin: 4px;
  140         padding: 8px;
  141 
  142         &-container {
  143             min-height: 48px;
  144             margin: 8px 0;
  145         }
  146     }
  147 
  148     &-link {
  149         color: #6FB1EA;
  150         cursor: pointer;
  151         display: inline-block;
  152         font-size: 13px;
  153         line-height: 20px;
  154         margin-bottom: 24px;
  155     }
  156 
  157     &-spaced-label {
  158         margin-bottom: 16px;
  159         margin-top: 28px;
  160     }
  161 
  162     &-btns {
  163         &> div {
  164             margin-bottom: 16px;
  165         }
  166     }
  167 }
  168 
  169 .prejoin-dialog-calling {
  170     padding: 16px;
  171     text-align: center;
  172 
  173     &-header {
  174         text-align: right;
  175     }
  176 
  177     &-label {
  178         font-size: 15px;
  179         margin: 8px 0 16px 0;
  180     }
  181 
  182     &-number {
  183         font-size: 19px;
  184         line-height: 28px;
  185         margin: 16px 0;
  186     }
  187 }