Нема описа
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.

_counter.scss 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /* *******************
  2. counter style
  3. **********************/
  4. .product-count {
  5. &.style {
  6. input {
  7. color: $color-dark;
  8. background-color: $color-white;
  9. height: 54px;
  10. padding: 10px 30px 10px 10px;
  11. width: 80px;
  12. border: 1px solid $border-color;
  13. display: block;
  14. text-align: center;
  15. -webkit-appearance: textfield;
  16. -moz-appearance: textfield;
  17. appearance: textfield;
  18. }
  19. input[type="number"] {
  20. -webkit-appearance: textfield;
  21. -moz-appearance: textfield;
  22. appearance: textfield;
  23. &::-webkit-inner-spin-button,
  24. &::-webkit-outer-spin-button {
  25. -webkit-appearance: none;
  26. }
  27. }
  28. .count-btn {
  29. background-color: transparent;
  30. border: 0px;
  31. border-left: 1px solid $border-color;
  32. display: block;
  33. width: 20px;
  34. height: 27px;
  35. padding: 0px;
  36. text-align: center;
  37. color: $color-dark;
  38. font-size: 10px;
  39. @include transform(translateX(-100%));
  40. user-select: none;
  41. }
  42. .increment {
  43. border-bottom: 1px solid $border-color;
  44. }
  45. }
  46. }
  47. /* *******************
  48. counter style End
  49. **********************/