"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5079/css/components/_button-control.scss" (17 Jun 2021, 2293 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 .button-control {
    2     box-sizing: border-box;
    3     display: inline-block;
    4     border: 1px solid $buttonBorder;
    5     vertical-align: baseline;
    6     height: 30px;
    7     min-width: 60px;
    8     padding: 4px 10px;
    9     margin: 0;
   10     line-height: 1.5em;
   11     outline: none;
   12     background-color: transparent;
   13     float: right;
   14     font-size: 14px;
   15     margin-left: 10px;
   16     color: $buttonColor;
   17     font-weight: $buttonFontWeight;
   18     @include transition(background-color .1s ease-out);
   19 
   20     &[disabled] {
   21         color: #666;
   22         cursor: default;
   23     }
   24 
   25     &_full-width {
   26         margin: 0;
   27         width: 100%;
   28     }
   29 
   30     &:hover {
   31         border: 1px solid $buttonHoverBorder;
   32         background-color: $buttonHoverBackground;
   33         @include transition(background-color .1s ease-in);
   34     }
   35 
   36     &:active {
   37         @include box-shadow(0, 0, 1px, $buttonShadowColor, true);
   38     }
   39 
   40     &_light {
   41         color: $defaultDarkColor;
   42         background-color: $buttonLightBackground;
   43         border: 1px solid $buttonLightBorder;
   44 
   45         &:hover {
   46             border: 1px solid $buttonLightHoverBorder;
   47             background-color: $buttonLightHoverBackground;
   48         }
   49     }
   50 
   51     &_link {
   52         color: $buttonLinkColor;
   53         background-color: $buttonLinkBackground;
   54 
   55         &:hover {
   56             background-color: $buttonLinkBackground;
   57         }
   58     }
   59 
   60     &_overlay {
   61         color: $primaryButtonColor;
   62         background-color: $overlayButtonBg;
   63         border-radius: 2px;
   64         border: none;
   65 
   66         &:hover {
   67             background-color: $primaryButtonBackground;
   68             border: none;
   69         }
   70     }
   71 
   72     &_primary {
   73         background-color: $primaryButtonBackground;
   74         border: 1px solid $primaryButtonBackground;
   75         color: $primaryButtonColor !important;
   76         font-weight: $primaryButtonFontWeight;
   77 
   78         &:hover {
   79             border: 1px solid $primaryButtonHoverBackground;
   80             background-color: $primaryButtonHoverBackground;
   81         }
   82 
   83         &[disabled] {
   84             color: $primaryButtonColor;
   85         }
   86     }
   87 
   88     &_close {
   89         color: $defaultFontColor;
   90     }
   91     &_submit {
   92         color: $linkFontColor;
   93         &:hover {
   94             color: $linkHoverFontColor;
   95         }
   96     }
   97 
   98     &_center {
   99         float: none !important;
  100     }
  101 }