spinbox.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .spinbox {
  2. display: inline-block;
  3. position: relative;
  4. &.digits-3 {
  5. width: 60px;
  6. }
  7. &.disabled {
  8. .spinbox-buttons {
  9. cursor: not-allowed;
  10. }
  11. }
  12. .spinbox-input {
  13. float: left;
  14. padding-bottom: 3px; /* Magic number */
  15. padding: 0px 25px 0px 7px;
  16. &::-ms-clear {
  17. display:none;
  18. }
  19. }
  20. .btn {
  21. position: relative;
  22. width: 20px;
  23. height: 13px;
  24. padding-top: 0;
  25. padding-right: 9px;
  26. padding-left: 9px;
  27. &.disabled {
  28. cursor: not-allowed;
  29. }
  30. }
  31. .spinbox-buttons {
  32. position: absolute;
  33. height: 28px;
  34. width: 20px;
  35. right: 2px;
  36. }
  37. .spinbox-up {
  38. padding: 0 0 14px 1px;
  39. top: 2px;
  40. .glyphicon-chevron-up {
  41. position:relative;
  42. top: 0px;
  43. }
  44. }
  45. // fix radius from BS btn-group
  46. .btn-group > .btn.spinbox-up {
  47. border-top-right-radius: 4px;
  48. }
  49. .spinbox-down {
  50. padding: 0 0 8px 1px;
  51. top: 2px;
  52. height: 15px;
  53. border-bottom-left-radius: 4px;
  54. .glyphicon-chevron-down {
  55. position: relative;
  56. left: -1px;
  57. top: 0px;
  58. }
  59. }
  60. input {
  61. &::-ms-clear {
  62. display:none;
  63. }
  64. }
  65. }