"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5079/css/modals/settings/_settings.scss" (17 Jun 2021, 1555 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 "_settings.scss": 5062_vs_5064.

    1 .settings-pane {
    2     display: flex;
    3     width: 100%;
    4 
    5     &.profile-pane {
    6         flex-direction: column;
    7     }
    8 
    9     .auth-name {
   10         margin-bottom: 4px;
   11     }
   12 
   13     .calendar-tab,
   14     .device-selection {
   15         margin-top: 20px;
   16     }
   17 
   18     .mock-atlaskit-label {
   19         color: #b8c7e0;
   20         font-size: 12px;
   21         font-weight: 600;
   22         line-height: 1.33;
   23         padding: 20px 0px 4px 0px;
   24     }
   25     input[type="checkbox"]:checked + svg {
   26         --checkbox-background-color: #6492e7;
   27         --checkbox-border-color: #6492e7;
   28     }
   29     input[type="checkbox"] + svg + span {
   30         color: #b8c7e0;
   31     }
   32 
   33     input[type="checkbox"] + svg + span {
   34         color: #9FB0CC;
   35     }
   36 
   37     .calendar-tab,
   38     .more-tab,
   39     .profile-edit {
   40         display: flex;
   41         width: 100%;
   42     }
   43 
   44     .profile-edit-field {
   45         flex: 1;
   46     }
   47     .settings-sub-pane {
   48         flex-grow: 1;
   49     }
   50 
   51     .profile-edit-field {
   52         margin-right: 20px;
   53     }
   54 
   55     .language-settings {
   56         max-width: 50%;
   57         width: 35%;
   58     }
   59 
   60     .calendar-tab {
   61         align-items: center;
   62         flex-direction: column;
   63         font-size: 14px;
   64         min-height: 100px;
   65         text-align: center;
   66     }
   67 
   68     .calendar-tab-sign-in {
   69         margin-top: 20px;
   70     }
   71 
   72     .sign-out-cta {
   73         margin-bottom: 20px;
   74     }
   75 
   76     @media only screen and (max-width: $smallScreen) {
   77         .device-selection {
   78             display: flex;
   79             flex-direction: column;
   80         }
   81         .more-tab {
   82             flex-direction: column;
   83         }
   84     }
   85 }