_forms.scss 773 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .input-group {
  2. @include border-radius($input-border-radius, 0);
  3. &,
  4. .input-group-text {
  5. transition: $input-transition;
  6. }
  7. & > :not(:first-child):not(.dropdown-menu) {
  8. margin-left: 0;
  9. }
  10. .form-control {
  11. box-shadow: none;
  12. background-image: none;
  13. &:not(:first-child) {
  14. border-left: 0;
  15. padding-left: 0;
  16. }
  17. &:not(:last-child) {
  18. border-right: 0;
  19. padding-right: 0;
  20. }
  21. & + .input-group-text {
  22. border-left: 0;
  23. border-right: $input-border-width solid $input-border-color;
  24. }
  25. }
  26. .input-group-text {
  27. border-right: 0;
  28. }
  29. &.focused {
  30. box-shadow: $input-focus-box-shadow;
  31. }
  32. &.focused .input-group-text {
  33. border-color: $input-focus-border-color;
  34. }
  35. }
  36. .form-group {
  37. margin-bottom: 1rem;
  38. }