Geen omschrijving
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_input-group.scss 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. //
  2. // Input group
  3. //
  4. .input-group {
  5. box-shadow: $input-box-shadow;
  6. border-radius: $input-border-radius;
  7. transition: $transition-base;
  8. .form-control {
  9. box-shadow: none;
  10. &:not(:first-child) {
  11. border-left: 0;
  12. padding-left: 0;
  13. }
  14. &:not(:last-child) {
  15. border-right: 0;
  16. padding-right: 0;
  17. }
  18. &:focus {
  19. box-shadow: none;
  20. }
  21. }
  22. }
  23. .input-group-text {
  24. transition: $input-transition;
  25. }
  26. // Alternative input groups related to .form-control-alternative
  27. .input-group-alternative {
  28. box-shadow: $input-alternative-box-shadow;
  29. border: 0;
  30. transition: box-shadow .15s ease;
  31. .form-control,
  32. .input-group-text {
  33. border: 0;
  34. box-shadow: none;
  35. }
  36. }
  37. .focused {
  38. .input-group-alternative {
  39. box-shadow: $input-focus-alternative-box-shadow !important;
  40. }
  41. }
  42. // .focus class is applied dinamycally from theme.js
  43. .focused {
  44. .input-group {
  45. box-shadow: $input-focus-box-shadow;
  46. }
  47. .input-group-text {
  48. color: $input-group-addon-focus-color;
  49. background-color: $input-group-addon-focus-bg;
  50. border-color: $input-group-addon-focus-border-color;
  51. }
  52. .form-control {
  53. border-color: $input-group-addon-focus-border-color;
  54. }
  55. }