"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7555/css/_subject.scss" (28 Sep 2023, 1051 Bytes) of package /linux/misc/jitsi-meet-7555.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 .subject {
    2     color: #fff;
    3     transition: opacity .6s ease-in-out;
    4     z-index: $toolbarZ + 2;
    5     margin-top: 20px;
    6     opacity: 0;
    7 
    8     &.visible {
    9         opacity: 1;
   10     }
   11 
   12     &#autoHide.with-always-on {
   13         overflow: hidden;
   14         animation: hideSubject forwards .6s ease-out;
   15 
   16         & > .subject-info-container {
   17             justify-content: flex-start;
   18         }
   19 
   20         &.visible {
   21             animation: showSubject forwards .6s ease-out;
   22         }
   23     }
   24 }
   25 
   26 .subject-info-container {
   27     display: flex;
   28     justify-content: center;
   29     margin: 0 auto;
   30     height: 28px;
   31 
   32     @media (max-width: 500px) {
   33         flex-wrap: wrap;
   34     }
   35 }
   36 
   37 .details-container {
   38     width: 100%;
   39     display: flex;
   40     justify-content: center;
   41     position: absolute;
   42     top: 0;
   43     height: 48px;
   44     max-width: calc(100% - 24px);
   45 }
   46 
   47 @keyframes hideSubject {
   48     0% {
   49         max-width: 100%;
   50     }
   51 
   52     100% {
   53         max-width: 0;
   54     }
   55 }
   56 
   57 @keyframes showSubject {
   58     0% {
   59         max-width: 0%;
   60     }
   61 
   62     100% {
   63         max-width: 100%;
   64     }
   65 }