applications/verify/src/app/Verify.scss

   1 @import '~@proton/styles/scss/lib';
   2
   3 html body {
   4         overflow: auto;
   5 }
   6
   7 body.embedded {
   8         font-size: 1em;
   9         background: none;
  10
  11         @include media('<=small') {
  12                 .dropdown {
  13                         background: none;
  14                         padding: 10%;
  15                 }
  16
  17                 .modal-overlay {
  18                         background: none;
  19                 }
  20         }
  21 }
  22
  23 .hv {
  24         display: flex;
  25         align-items: center;
  26         justify-content: center;
  27         background-color: var(--background-norm);
  28
  29         @include media('<=small') {
  30                 padding-inline: 1em;
  31         }
  32
  33         @include media('>xsmall') {
  34                 background: linear-gradient(68.66deg, #e8e2ff 1.3%, #f7f5ff 50%);
  35         }
  36 }
  37
  38 .hv-container {
  39         padding-inline: em(44);
  40         padding-block: 2em 2.5em;
  41         border-radius: var(--border-radius-lg);
  42
  43         @include media('<=small') {
  44                 padding-inline: em(20);
  45         }
  46
  47         @include media('<=xsmall') {
  48                 padding-inline: 2px;
  49         }
  50 }