"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7688/css/_base.scss" (1 Dec 2023, 3529 Bytes) of package /linux/misc/jitsi-meet-7688.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. See also the last Fossies "Diffs" side-by-side code changes report for "_base.scss": 7658_vs_7665.

    1 /**
    2  * Safari will limit input in input elements to one character when user-select
    3  * none is applied. Other browsers already support selecting within inputs while
    4  * user-select is none. As such, disallow user-select except on inputs.
    5  */
    6 * {
    7     -webkit-user-select: none;
    8     user-select: none;
    9 
   10     // Firefox only
   11     scrollbar-width: thin;
   12     scrollbar-color: rgba(0, 0, 0, .5) transparent;
   13 }
   14 
   15 input,
   16 textarea {
   17     -webkit-user-select: text;
   18     user-select: text;
   19 }
   20 
   21 html {
   22     height: 100%;
   23     width: 100%;
   24     overflow: hidden;
   25 }
   26 
   27 body {
   28     margin: 0px;
   29     width: 100%;
   30     height: 100%;
   31     font-size: 12px;
   32     font-weight: 400;
   33     overflow: hidden;
   34     color: #F1F1F1;
   35     background: #040404; // should match DEFAULT_BACKGROUND from interface_config
   36 }
   37 
   38 /**
   39  * This will hide the focus indicator if an element receives focus via the mouse,
   40  * but it will still show up on keyboard focus, thus preserving accessibility.
   41  */
   42 .js-focus-visible :focus:not(.focus-visible) {
   43   outline: none;
   44 }
   45 
   46 .jitsi-icon {
   47     &-default svg {
   48         fill: white;
   49     }
   50 }
   51 
   52 .disabled .jitsi-icon svg {
   53     fill: #929292;
   54 }
   55 
   56 .jitsi-icon.gray svg {
   57     fill: #5E6D7A;
   58     cursor: pointer;
   59 }
   60 
   61 p {
   62     margin: 0;
   63 }
   64 
   65 body, input, textarea, keygen, select, button {
   66     font-family: $baseFontFamily !important;
   67 }
   68 
   69 button, input, select, textarea {
   70     margin: 0;
   71     vertical-align: baseline;
   72     font-size: 1em;
   73 }
   74 
   75 button, select, input[type="button"],
   76 input[type="reset"], input[type="submit"] {
   77     cursor: pointer;
   78 }
   79 
   80 textarea {
   81     word-wrap: break-word;
   82     resize: none;
   83     line-height: 1.5em;
   84 }
   85 
   86 input[type='text'], input[type='password'], textarea {
   87     outline: none; /* removes the default outline */
   88     resize: none; /* prevents the user-resizing, adjust to taste */
   89 }
   90 
   91 button {
   92     color: #FFF;
   93     background-color: #44A5FF;
   94     border-radius: $borderRadius;
   95 
   96     &.no-icon {
   97         padding: 0 1em;
   98     }
   99 }
  100 
  101 button,
  102 form {
  103     display: block;
  104 }
  105 
  106 .watermark {
  107     display: block;
  108     position: absolute;
  109     top: 15;
  110     width: $watermarkWidth;
  111     height: $watermarkHeight;
  112     background-size: contain;
  113     background-repeat: no-repeat;
  114     z-index: $zindex2;
  115 }
  116 
  117 .leftwatermark {
  118     max-width: 140px;
  119     max-height:70px;
  120     left: 32px;
  121     top: 32px;
  122     background-position: center left;
  123     background-repeat: no-repeat;
  124     background-size: contain;
  125 
  126     &.no-margin {
  127         left:0;
  128         top:0;
  129     }
  130 }
  131 
  132 .rightwatermark {
  133     right: 32px;
  134     top: 32px;
  135     background-position: center right;
  136 }
  137 
  138 .poweredby {
  139     position: absolute;
  140     left: 25;
  141     bottom: 7;
  142     font-size: 11pt;
  143     color: rgba(255,255,255,.50);
  144     text-decoration: none;
  145     z-index: 100;
  146 }
  147 
  148 /**
  149  * Re-style default OS scrollbar.
  150  */
  151 ::-webkit-scrollbar {
  152     background: transparent;
  153     width: 7px;
  154     height: $scrollHeight;
  155 }
  156 
  157 ::-webkit-scrollbar-button {
  158     display: none;
  159 }
  160 
  161 ::-webkit-scrollbar-track {
  162     background: transparent;
  163 }
  164 
  165 ::-webkit-scrollbar-track-piece {
  166     background: transparent;
  167 }
  168 
  169 ::-webkit-scrollbar-thumb {
  170     background: #3D3D3D;
  171     border-radius: 4px;
  172 }
  173 
  174 /* Necessary for the new icons to work properly. */
  175 .jitsi-icon svg path {
  176     fill: inherit !important;
  177 }
  178 
  179 .sr-only {
  180     border: 0 !important;
  181     clip: rect(1px, 1px, 1px, 1px) !important;
  182     clip-path: inset(50%) !important;
  183     height: 1px !important;
  184     margin: -1px !important;
  185     overflow: hidden !important;
  186     padding: 0 !important;
  187     position: absolute !important;
  188     width: 1px !important;
  189     white-space: nowrap !important;
  190 }