affixed-input.component.scss 675 B

12345678910111213141516171819202122232425262728293031323334353637
  1. @import "variables";
  2. :host {
  3. display: inline-flex;
  4. }
  5. .affix {
  6. display: flex;
  7. align-items: center;
  8. background-color: $color-grey-200;
  9. border: 1px solid $color-grey-300;
  10. top: 1px;
  11. padding: 3px;
  12. line-height: .58333rem;
  13. transition: border 0.2s;
  14. }
  15. ::ng-deep .has-prefix input {
  16. border-top-left-radius: 0 !important;
  17. border-bottom-left-radius: 0 !important;
  18. }
  19. .prefix {
  20. order: -1;
  21. border-radius: 3px 0 0 3px;
  22. border-right: none;
  23. }
  24. ::ng-deep .has-suffix input {
  25. border-top-right-radius: 0 !important;
  26. border-bottom-right-radius: 0 !important;
  27. }
  28. .suffix {
  29. border-radius: 0 3px 3px 0;
  30. border-left: none;
  31. }