src/features/app/components/Modal/Modal.scss

   1 .main {
   2   position: fixed;
   3   top: 0;
   4   right: 0;
   5   left: 0;
   6   bottom: 0;
   7   z-index: 100;
   8 }
   9 .backdrop {
  10   background: transparentize(black, 0.2);
  11   width: 100%;
  12   height: 100%;
  13 }
  14
  15 .content {
  16   background: $background-color;
  17   padding: 30px;
  18   position: absolute;
  19   top: 10%;
  20   left: calc(50% - 250px);
  21   width: 500px;
  22   max-height: 80%;
  23   overflow: scroll;
  24
  25   pre {
  26     white-space: pre-wrap;
  27     background: $background-content-color;
  28     display: inline-block;
  29     padding: 8px 12px;
  30     color: $text-color;
  31     line-height: 1.4;
  32   }
  33 }
  34
  35 .wide {
  36   left: calc(50% - 425px);
  37   width: 850px;
  38 }
  39
  40 .cancel {
  41   color: $text-color;
  42 }