"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7555/css/_navigate_section_list.scss" (28 Sep 2023, 1584 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 %navigate-section-list-text {
    2     width: 100%;
    3     font-size: 14px;
    4     line-height: 20px;
    5     color: $welcomePageTitleColor;
    6     text-align: left;
    7     font-family: 'open_sanslight', Helvetica, sans-serif;
    8 }
    9 %navigate-section-list-tile-text {
   10     @extend %navigate-section-list-text;
   11     overflow: hidden;
   12     text-overflow: ellipsis;
   13     float: left;
   14 }
   15 .navigate-section-list-tile {
   16     background-color: #1754A9;
   17     border-radius: 4px;
   18     box-sizing: border-box;
   19     display: inline-flex;
   20     margin-bottom: 8px;
   21     margin-right: 8px;
   22     min-height: 100px;
   23     padding: 16px;
   24     width: 100%;
   25 
   26     &.with-click-handler {
   27         cursor: pointer;
   28     }
   29 
   30     &.with-click-handler:hover {
   31         background-color: #1a5dbb;
   32     }
   33 
   34     i {
   35         cursor: inherit;
   36     }
   37 
   38     .element-after {
   39         display: flex;
   40         align-items: center;
   41         justify-content: center;
   42     }
   43 
   44     .join-button {
   45         display: none;
   46     }
   47 
   48     &:hover .join-button {
   49         display: block
   50     }
   51 }
   52 .navigate-section-tile-body {
   53     @extend %navigate-section-list-tile-text;
   54     font-weight: normal;
   55     line-height: 24px;
   56 }
   57 .navigate-section-list-tile-info {
   58     flex: 1;
   59     word-break: break-word;
   60 }
   61 .navigate-section-tile-title {
   62     @extend %navigate-section-list-tile-text;
   63     font-weight: bold;
   64     line-height: 24px;
   65 }
   66 .navigate-section-section-header {
   67     @extend %navigate-section-list-text;
   68     font-weight: bold;
   69     margin-bottom: 16px;
   70     display: block;
   71 }
   72 .navigate-section-list {
   73     position: relative;
   74     margin-top: 36px;
   75     margin-bottom: 36px;
   76     width: 100%;
   77 }