client/src/app/shared/shared-forms/reactive-file.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .root {
   5   height: auto;
   6   display: flex;
   7   align-items: center;
   8
   9   .button-file {
  10     @include peertube-button-file(auto);
  11     @include grey-button;
  12
  13     &.with-icon {
  14       @include button-with-icon;
  15     }
  16   }
  17
  18   .filename {
  19     @include margin-left(5px);
  20
  21     font-weight: $font-semibold;
  22   }
  23
  24   .reset-button {
  25     @include peertube-button;
  26     @include grey-button;
  27
  28     font-size: 80%;
  29     margin-left: 5px;
  30     line-height: initial;
  31     padding: 2px 5px;
  32     height: auto;
  33   }
  34 }