packages/pass/styles/common.scss

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