"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5079/css/_prejoin.scss" (17 Jun 2021, 2788 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. See also the last Fossies "Diffs" side-by-side code changes report for "_prejoin.scss": 5062_vs_5064.

    1 .prejoin {
    2 
    3     &-input-area {
    4         margin: 0 auto;
    5         text-align: center;
    6 
    7        &-label {
    8            display: block;
    9            margin-bottom: 5px;
   10            color: #ffffff;
   11            font-weight: 300;
   12            font-size: 15px;
   13            line-height: 24px;
   14        }
   15     }
   16 
   17     &-title {
   18         color: #fff;
   19         font-size: 24px;
   20         line-height: 32px;
   21         margin-bottom: 16px;
   22     }
   23 
   24     &-text-btns {
   25         display: flex;
   26         justify-content: space-between;
   27     }
   28 
   29     &-input-label {
   30         color: #A4B8D1;
   31         font-size: 13px;
   32         line-height: 20px;
   33         margin-top: 32px 0 8px 0;
   34         text-align: center;
   35         width: 100%;
   36     }
   37 
   38     &-checkbox {
   39         border: 0;
   40         height: 16px;
   41         margin-right: 8px;
   42         padding: 0;
   43         width: 16px;
   44     }
   45 
   46     &-checkbox-container {
   47         margin-bottom: 14px;
   48         width: 100%;
   49     }
   50 
   51     &-error {
   52         color: white;
   53         background-color: rgba(225, 45, 45, 0.6);
   54         border-radius: 3px;
   55         width: 100%;
   56         padding: 2px;
   57         box-sizing: border-box;
   58         margin-top: 4px;
   59         font-size: 13px;
   60         text-align: center;
   61     }
   62 }
   63 
   64 @mixin name-placeholder {
   65     color: #fff;
   66     font-weight: 300;
   67     opacity: 0.6;
   68 }
   69 
   70 .prejoin-preview {
   71     &-status {
   72         align-items: center;
   73         align-self: stretch;
   74         bottom: 0;
   75         color: #fff;
   76         display: flex;
   77         font-size: 13px;
   78         min-height: 24px;
   79         justify-content: center;
   80         position: absolute;
   81         text-align: center;
   82         width: 100%;
   83         z-index: 1;
   84 
   85         &--warning {
   86             background: rgba(241, 173, 51, 1);
   87         }
   88         &--ok {
   89             background: rgba(49, 183, 106, 1);
   90         }
   91     }
   92 
   93     &-icon {
   94         background-position: center;
   95         background-repeat: no-repeat;
   96         display: inline-block;
   97         height: 16px;
   98         margin-right: 8px;
   99         width: 16px;
  100     }
  101 
  102     &-error-desc {
  103         margin-right: 4px;
  104         color: #fff;
  105         font-weight: bold;
  106     }
  107 
  108     .settings-button-container {
  109         width: 49px;
  110         margin: 0 8px;
  111     }
  112 
  113     &-dropdown-btns {
  114         width: 320px;
  115         padding: 8px 0;
  116     }
  117 
  118     &-dropdown-btn {
  119         align-items: center;
  120         color: #1C2025;
  121         cursor: pointer;
  122         display: flex;
  123         height: 40px;
  124         font-size: 15px;
  125         line-height: 24px;
  126         padding: 0 16px;
  127 
  128         &:hover {
  129             background-color: #DAEBFA;
  130         }
  131     }
  132 
  133     &-dropdown-icon {
  134         display: inline-block;
  135         margin-right: 16px;
  136 
  137         & > svg {
  138             fill:  #1C2025;
  139         }
  140     }
  141 
  142     &-dropdown-container {
  143         & > div:nth-child(2) {
  144             background: #fff;
  145             padding: 0;
  146         }
  147     }
  148 
  149 }