client/src/app/shared/shared-forms/timestamp-input.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 p-inputmask {
   5   ::ng-deep input {
   6     width: 80px;
   7
   8     &:focus-within,
   9     &:focus {
  10       box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
  11     }
  12
  13     &:disabled {
  14       background: pvar(--mainBackgroundColor);
  15       opacity: 0.5;
  16     }
  17   }
  18
  19   &.border-disabled {
  20     ::ng-deep input {
  21       border: 0;
  22     }
  23   }
  24
  25   &:not(.border-disabled) {
  26     ::ng-deep input {
  27       @include peertube-input-text(80px);
  28     }
  29   }
  30 }