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     font-size: 15px;
   8
   9     &:focus-within,
  10     &:focus {
  11       box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
  12     }
  13
  14     &:disabled {
  15       background: pvar(--mainBackgroundColor);
  16       opacity: 0.5;
  17     }
  18   }
  19
  20   &.border-disabled {
  21     ::ng-deep input {
  22       border: 0;
  23     }
  24   }
  25
  26   &:not(.border-disabled) {
  27     ::ng-deep input {
  28       @include peertube-input-text(80px);
  29     }
  30   }
  31 }