"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5079/css/_subject.scss" (17 Jun 2021, 1091 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.

    1 .subject {
    2     box-sizing: border-box;
    3     color: #fff;
    4     margin-top: 20px;
    5     position: absolute;
    6     top: -120px;
    7     transition: top .3s ease-in;
    8     width: 100%;
    9     z-index: $zindex3;
   10 
   11     &.visible {
   12         top: 0px;
   13     }
   14 }
   15 
   16 .subject-info-container {
   17     display: flex;
   18     justify-content: center;
   19     max-width: calc(100% - 280px);
   20     margin: 0 auto;
   21 
   22     &--full-width {
   23         max-width: 100%;
   24     }
   25 
   26     @media (max-width: 500px) {
   27         flex-wrap: wrap;
   28         max-width: 100%;
   29     }
   30 }
   31 
   32 .subject-info {
   33     align-items: center;
   34     display: flex;
   35     margin-bottom: 4px;
   36     max-width: 80%;
   37     height: 28px;
   38 }
   39 
   40 .subject-text {
   41     background: rgba(0, 0, 0, 0.6);
   42     border-radius: 3px 0px 0px 3px;
   43     font-size: 14px;
   44     line-height: 24px;
   45     padding: 2px 16px;
   46     height: 24px;
   47     overflow: hidden;
   48     text-overflow: ellipsis;
   49     white-space: nowrap;
   50 }
   51 
   52 .subject-timer {
   53     background: rgba(0, 0, 0, 0.8);
   54     border-radius: 0px 3px 3px 0px;
   55     display: inline-block;
   56     font-size: 12px;
   57     line-height: 16px;
   58     min-width: 34px;
   59     padding: 6px 8px;
   60 }