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 'password';
   9 @import 'scroll';
  10 @import 'sidebar';
  11 @import 'skeletons';
  12 @import 'table';
  13 @import 'text';
  14 @import 'themes';
  15 @import 'utils';
  16
  17 :root {
  18         --pass-sidebar-size: 22.5em;
  19         --border-radius-xl: 0.88rem;
  20         --upsell-modal-background-color: #1b1340;
  21         --upsell-modal-button-color: #6d4aff;
  22         --upsell-modal-badge-color: #2c9f78;
  23         --upsell-modal-badge-background-color: #eef8f5;
  24 }
  25
  26 $endpoints: 'extension', 'web', 'desktop';
  27
  28 @each $endpoint in $endpoints {
  29         $base: '.pass-#{$endpoint}';
  30
  31         #{$base} {
  32                 #{$base}\:hidden {
  33                         display: none;
  34                 }
  35
  36                 @each $sub in $endpoints {
  37                         @if $sub != $endpoint {
  38                                 .pass-#{$sub}\:only {
  39                                         display: none;
  40                                 }
  41                         }
  42                 }
  43         }
  44 }
  45
  46 .ratio-2\/1 {
  47         aspect-ratio: 2/1;
  48 }
  49
  50 .\*\:shrink-0 > * {
  51         flex-shrink: 0;
  52 }