"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7689/css/_settings-button.scss" (5 Dec 2023, 1437 Bytes) of package /linux/misc/jitsi-meet-7689.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 .settings-button-container {
    2     position: relative;
    3 
    4     .toolbox-icon {
    5         align-items: center;
    6         border-radius: 3px;
    7         cursor: pointer;
    8         display: flex;
    9         justify-content: center;
   10 
   11         &.disabled, .disabled & {
   12             cursor: initial;
   13             color: #929292;
   14             background-color: #36383c;
   15 
   16             &:hover {
   17                 background-color: #36383c;
   18             }
   19         }
   20     }
   21 }
   22 
   23 .settings-button-small-icon {
   24     background: #36383C;
   25     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
   26     border-radius: 3px;
   27     cursor: pointer;
   28     padding: 1px;
   29     position: absolute;
   30     right: -4px;
   31     top: -3px;
   32 
   33     &:hover {
   34         background: #F2F3F4;
   35         box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
   36 
   37         & svg {
   38             fill: #040404;
   39         }
   40 
   41         &.settings-button-small-icon--disabled {
   42             background: #36383C;
   43 
   44             & svg {
   45                 fill: #929292;
   46             }
   47         }
   48     }
   49 
   50     & svg {
   51         fill: #fff;
   52     }
   53 
   54     &--disabled {
   55         background-color: #36383c;
   56         cursor: default;
   57 
   58         & svg {
   59             fill: #929292;
   60         }
   61     }
   62 }
   63 
   64 .settings-button-small-icon-container {
   65     position: absolute;
   66     right: -4px;
   67     top: -3px;
   68 
   69     & .settings-button-small-icon {
   70         position: relative;
   71         top: 0;
   72         right: 0;
   73     }
   74 }