"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-4445/css/_chrome-extension-banner.scss" (30 Sep 2020, 1940 Bytes) of package /linux/misc/jitsi-meet-4445.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 .chrome-extension-banner {
    2   position: fixed;
    3   width: 406px;
    4   height: $chromeExtensionBannerHeight;
    5   background: #FFF;
    6   box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.25);
    7   border-radius: 4px;
    8   z-index: 1000;
    9   float: right;
   10   display: flex;
   11   flex-direction: column;
   12   padding: 20px 20px;
   13   top: $chromeExtensionBannerTop;
   14   right: $chromeExtensionBannerRight;
   15     &__pos_in_meeting {
   16       top: $chromeExtensionBannerTopInMeeting;
   17       right: $chromeExtensionBannerRightInMeeeting;
   18     }
   19 
   20     &__container {
   21       display: flex;
   22       justify-content: space-between;
   23       margin-bottom: 16px;
   24     }
   25 
   26     &__button-container {
   27       display: flex;
   28     }
   29 
   30     &__checkbox-container {
   31         display: $chromeExtensionBannerDontShowAgainDisplay;
   32         margin-left: 45px;
   33         margin-top: 16px;
   34     }
   35 
   36     &__checkbox-label {
   37         font-size: 14px;
   38         line-height: 18px;
   39         display: flex;
   40         align-items: center;
   41         letter-spacing: -0.006em;
   42         color: #1C2025;
   43     }
   44 
   45     &__icon-container {
   46       display: flex;
   47       background: url('../images/chromeLogo.svg');
   48       background-repeat: no-repeat;
   49       width: 27px;
   50       height: 27px;
   51     }
   52 
   53     &__text-container {
   54       font-size: 14px;
   55       line-height: 18px;
   56       display: flex;
   57       align-items: center;
   58       letter-spacing: -0.006em;
   59       color: #151531;
   60       width: 329px;
   61     }
   62 
   63     &__close-container {
   64       display: flex;
   65       width: 12px;
   66       height: 12px;
   67     }
   68 
   69     &__gray-close-icon {
   70       fill: #5E6D7A;
   71       width: 12px;
   72       height: 12px;
   73       cursor: pointer;
   74     }
   75 
   76     &__button-open-url {
   77       background: #0A57EB;
   78       border-radius: 24px;
   79       margin-left: 45px;
   80       width: 236px;
   81       height: 40px;
   82       cursor: pointer;
   83     }
   84 
   85     &__button-text {
   86       font-weight: 600;
   87       font-size: 14px;
   88       line-height: 40px;
   89       text-align: center;
   90       letter-spacing: -0.006em;
   91       color: #FFFFFF;
   92     }
   93 }