"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5186/css/_connection-status.scss" (30 Jul 2021, 1571 Bytes) of package /linux/misc/jitsi-meet-5186.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 .con-status {
    2     position: absolute;
    3     top: 24px;
    4     width: 100%;
    5     z-index: $toolbarZ + 3;
    6 
    7     &-container {
    8         border-radius: 3px;
    9         color: #fff;
   10         font-size: 13px;
   11         line-height: 13px;
   12         margin: 0 auto;
   13         width: 320px;
   14 
   15         @include adjust-for-max-width(320px, 8px);
   16     }
   17 
   18     &-header {
   19         background: rgba(28, 32, 37, .5);
   20         align-items: center;
   21         display: flex;
   22         justify-content: space-between;
   23     }
   24 
   25     &-circle {
   26         border-radius: 50%;
   27         display: inline-block;
   28         padding: 4px;
   29         margin: 8px;
   30     }
   31 
   32     &--good {
   33         background: #31B76A;
   34     }
   35 
   36     &--poor {
   37         background: #E12D2D;
   38     }
   39 
   40     &--non-optimal {
   41         background: #E39623;
   42     }
   43 
   44     &-arrow {
   45         height: 36px;
   46         width: 36px;
   47         border-radius: 3px;
   48         margin-left: 8px;
   49         margin-right: 2px;
   50         display: flex;
   51         align-items: center;
   52         justify-content: center;
   53         transition: background-color 0.16s ease-out;
   54 
   55         &--up {
   56             transform: rotate(180deg);
   57         }
   58 
   59         &>svg {
   60             cursor: pointer;
   61         }
   62 
   63         &:hover {
   64             background-color: rgba(1,1,1, 0.1);
   65         }
   66     }
   67 
   68     &-text {
   69         text-align: center;
   70     }
   71 
   72     &-details {
   73         background: rgba(28, 32, 37, .5);
   74         border-top: 1px solid #5E6D7A;
   75         padding: 16px;
   76         transition: opacity 0.16s ease-out;
   77 
   78         &-visible {
   79             opacity: 1;
   80         }
   81 
   82         &-hidden {
   83             opacity: 0;
   84         }
   85     }
   86 }