form-inputs-groups.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. // Core variables and mixins
  2. @import "../../bootstrap/functions";
  3. @import "../../bootstrap/mixins";
  4. // Core variables and mixins overrides
  5. @import "../../core/variables/variables";
  6. @import "../../bootstrap/variables";
  7. // Overrides user variable
  8. @import "../../core/variables/components-variables";
  9. /* For Input Group TouchPin */
  10. #touchspin{
  11. .input-group.bootstrap-touchspin{
  12. .input-group-prepend, .input-group-append{
  13. display: block;
  14. }
  15. }
  16. }
  17. /* For Input Group TouchPin */
  18. // form-input-groups
  19. .segmented-buttons-with-dropdown, .buttons-with-dropdown{
  20. .input-group{
  21. .form-control{
  22. height: 3rem;
  23. }
  24. }
  25. }
  26. .bootstrap-touchspin{
  27. &.touchspin-with-icon{
  28. .input-group-append{
  29. .input-group-text{
  30. i{
  31. font-size: 1.25rem;
  32. }
  33. }
  34. }
  35. }
  36. }
  37. .bootstrap-touchspin-spinners{
  38. .touchspin-spinners-wrapper{
  39. .input-group{
  40. .touchspin, .touchspin-stop-mousewheel{
  41. height: calc(#{$input-height-inner - 0.05rem} + #{$input-height-border + 0.2px});
  42. }
  43. &.touchspin-with-icon{
  44. .input-group-text.bootstrap-touchspin-postfix{
  45. padding: 0.85rem 1rem;
  46. }
  47. }
  48. }
  49. .default-height{
  50. .input-group{
  51. &.touchspin-vertical{
  52. height: calc(2.9rem + 2px);
  53. }
  54. }
  55. }
  56. }
  57. }