"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-4420/css/_inlay.scss" (18 Sep 2020, 2494 Bytes) of package /linux/misc/jitsi-meet-4420.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 .inlay {
    2     margin-top: 14%;
    3     @include border-radius(4px);
    4     padding: 40px 38px 44px;
    5     color: #fff;
    6     background: $inlayColorBg;
    7     text-align: center;
    8 
    9     &__title {
   10         margin: 17px 0;
   11         padding-bottom: 17px;
   12         color: $popoverFontColor;
   13         font-size: 21px;
   14         letter-spacing: 0.3px;
   15         border-bottom: 1px solid $inlayBorderColor;
   16     }
   17 
   18     &__text {
   19         color: $popoverFontColor;
   20         display: block;
   21         margin-top: 22px;
   22         font-size: 16px;
   23     }
   24 
   25     &__icon {
   26         margin: 0 10px;
   27         font-size: 50px;
   28     }
   29 
   30     &-filmstrip-only {
   31         background-color: $inlayFilmstripOnlyBg;
   32         color: $inlayFilmstripOnlyColor;
   33         margin-left: 20px;
   34         margin-right: 20px;
   35         margin-top: 20px;
   36         bottom: 30px;
   37         position: absolute;
   38         display: flex;
   39         max-height: 120px;
   40         height: 80%;
   41         right: 0px;
   42         border-radius: 4px;
   43         overflow: hidden;
   44         &__content {
   45             padding: 20px;
   46             display: flex;
   47             justify-content: center;
   48             position: relative;
   49             > .button-control {
   50                 align-self: center;
   51             }
   52             > #reloadProgressBar {
   53                 position: absolute;
   54                 left: 0px;
   55                 bottom: 0px;
   56                 margin-bottom: 0px;
   57                 width: 100%;
   58                 border-radius: 0px;
   59             }
   60         }
   61         &__title {
   62             font-size: 18px;
   63             font-weight: 600;
   64         }
   65 
   66         &__container {
   67             align-self: center;
   68         }
   69 
   70         &__text {
   71             margin-top: 10px;
   72             font-size: 14px;
   73             font-weight: 600;
   74         }
   75 
   76         &__icon {
   77             font-size: 50px;
   78             align-self: center;
   79             color: $inlayIconColor;
   80             opacity: 0.6;
   81         }
   82         &__icon-container {
   83             text-align: center;
   84             display: flex;
   85             justify-content: center;
   86             position: absolute;
   87             width: 100%;
   88             height: 100%;
   89             top: 0px;
   90         }
   91 
   92         &__avatar-container {
   93             height: 100%;
   94             position: relative;
   95             > img {
   96                 height: 100%;
   97             }
   98         }
   99 
  100         &__icon-background {
  101             background: $inlayIconBg;
  102             opacity: 0.6;
  103             position: absolute;
  104             width: 100%;
  105             height: 100%;
  106             top: 0px;
  107         }
  108     }
  109 
  110 }