[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-forms / timestamp-input.component.scss

@use '_variables' as *;
@use '_mixins' as *;

p-inputmask {
  ::ng-deep input {
    width: 80px;

    &:focus-within,
    &:focus {
      box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
    }

    &:disabled {
      background: pvar(--mainBackgroundColor);
      opacity: 0.5;
    }
  }

  &.border-disabled {
    ::ng-deep input {
      border: 0;
    }
  }

  &:not(.border-disabled) {
    ::ng-deep input {
      @include peertube-input-text(80px);
    }
  }
}
Commit	Line	Data
8cbc40b2	1	@use '_variables' as *;
c729caf6	2	@use '_mixins' as *;
2bc9bd08	3
f0a39880	4	p-inputmask {
03652b31	5	::ng-deep input {
f0a39880	6	width: 80px;
2bc9bd08 RK	7
	8	&:focus-within,
	9	&:focus {
e66883b3	10	box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
2bc9bd08	11	}
4f926722 C	12
	13	&:disabled {
	14	background: pvar(--mainBackgroundColor);
	15	opacity: 0.5;
	16	}
f0a39880	17	}
c729caf6 C	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	}
f0a39880	30	}