src/components/file-upload/file-upload.css

   1 .dropzone-border-left {
   2     left: -1px;
   3     top: -1px;
   4     bottom: -1px;
   5     width: 2px;
   6     content: "";
   7     position: absolute;
   8     transform: scaleY(0);
   9     transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  10     pointer-events: none;
  11     background-color: #6a1b9a;
  12 }
  13
  14 .dropzone-border-right {
  15     right: -1px;
  16     top: -1px;
  17     bottom: -1px;
  18     width: 2px;
  19     content: "";
  20     position: absolute;
  21     transform: scaleY(0);
  22     transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  23     pointer-events: none;
  24     background-color: #6a1b9a;
  25 }
  26
  27 .dropzone-border-top {
  28     left: 0;
  29     right: 0;
  30     top: -1px;
  31     height: 2px;
  32     content: "";
  33     position: absolute;
  34     transform: scaleX(0);
  35     transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  36     pointer-events: none;
  37     background-color: #6a1b9a;
  38 }
  39
  40 .dropzone-border-bottom {
  41     left: 0;
  42     right: 0;
  43     bottom: -1px;
  44     height: 2px;
  45     content: "";
  46     position: absolute;
  47     transform: scaleX(0);
  48     transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  49     pointer-events: none;
  50     background-color: #6a1b9a;
  51 }
  52
  53 .dropzone-border-left-active {
  54     transform: scaleY(1);
  55 }
  56
  57 .dropzone-border-right-active {
  58     transform: scaleY(1);
  59 }
  60
  61 .dropzone-border-top-active {
  62     transform: scaleX(1);
  63 }
  64
  65 .dropzone-border-bottom-active {
  66     transform: scaleX(1);
  67 }