packages/pass/styles/common.scss

   1 @import '~@proton/styles/scss/proton-pass';
   2
   3 @import 'animation';
   4 @import 'button';
   5 @import 'dropdown';
   6 @import 'fields';
   7 @import 'lobby';
   8 @import 'scroll';
   9 @import 'skeletons';
  10 @import 'text';
  11 @import 'themes';
  12 @import 'password';
  13 @import 'utils';
  14 @import 'table';
  15
  16 :root {
  17         --pass-sidebar-size: 22.5em;
  18         --border-radius-xl: 0.88rem;
  19         --upsell-modal-background-color: #1b1340;
  20         --upsell-modal-button-color: #6d4aff;
  21         --upsell-modal-badge-color: #2c9f78;
  22         --upsell-modal-badge-background-color: #eef8f5;
  23 }
  24
  25 $endpoints: 'extension', 'web', 'desktop';
  26
  27 @each $endpoint in $endpoints {
  28         $base: '.pass-#{$endpoint}';
  29
  30         #{$base} {
  31                 #{$base}\:hidden {
  32                         display: none;
  33                 }
  34
  35                 @each $sub in $endpoints {
  36                         @if $sub != $endpoint {
  37                                 .pass-#{$sub}\:only {
  38                                         display: none;
  39                                 }
  40                         }
  41                 }
  42         }
  43 }
  44
  45 .ratio-2\/1 {
  46         aspect-ratio: 2/1;
  47 }