"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7329/css/deep-linking/_desktop.scss" (9 Jun 2023, 2117 Bytes) of package /linux/misc/jitsi-meet-7329.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 .deep-linking-desktop {
    2     background-color: #fff;
    3     width: 100%;
    4     height: 100%;
    5     display: flex;
    6     flex-flow: column;
    7     .header {
    8         width: 100%;
    9         height: 55px;
   10         background-color: #f1f2f5;
   11         padding-top: 15px;
   12         padding-left: 50px;
   13         display: flex;
   14         flex-flow: row;
   15         flex: 0 0 55px;
   16         .logo {
   17             height: 40px;
   18         }
   19     }
   20     .content {
   21         padding-top: 40px;
   22         padding-bottom: 40px;
   23         left: 0px;
   24         right: 0px;
   25         display: flex;
   26         width: 100%;
   27         height: 100%;
   28         flex-flow: row;
   29         .leftColumn {
   30             left: 0px;
   31             width: 50%;
   32             min-height: 156px;
   33             display: flex;
   34             flex-flow: column;
   35             .leftColumnContent{
   36                 padding: 20px;
   37                 display: flex;
   38                 flex-flow: column;
   39                 height: 100%;
   40                 .image {
   41                     background-image: url('../images/deep-linking-image.png');
   42                     background-repeat: no-repeat;
   43                     background-position: center;
   44                     background-size: contain;
   45                     height: 100%;
   46                     width: 100%;
   47                 }
   48             }
   49 
   50         }
   51         .rightColumn {
   52             top: 0px;
   53             width: 50%;
   54             min-height: 156px;
   55             display: flex;
   56             flex-flow: row;
   57             align-items: center;
   58             .rightColumnContent {
   59                 display: flex;
   60                 flex-flow: column;
   61                 padding: 20px 20px 20px 60px;
   62                 .title {
   63                     color: #1c2946;
   64                 }
   65                 .description {
   66                     color: #606a80;
   67                     margin-top: 8px;
   68                 }
   69                 .buttons {
   70                     margin-top: 16px;
   71                     display: flex;
   72                     align-items: center;
   73 
   74                     &>button:first-child {
   75                         margin-right: 8px;
   76                     }
   77                 }
   78             }
   79         }
   80     }
   81 }