wc-buttons.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .woocommerce {
  2. // all buttons' selectors must be here
  3. #respond #commentform .form-submit input[type="submit"],
  4. .add_review a.button,
  5. #payment #place_order,
  6. .woocommerce-message .button,
  7. .return-to-shop .button,
  8. body& .page-wrapper #submit,
  9. body& .button.single_add_to_cart_button,
  10. input.button {
  11. .button-gen-solid();
  12. .button-gen( '--vamtam-accent-color-1' );
  13. .button-gen-hover( '--vamtam-accent-color-6' );
  14. }
  15. &.woocommerce-cart .cart-collaterals {
  16. .button {
  17. .button-gen-solid();
  18. .button-gen( '--vamtam-accent-color-1' );
  19. .button-gen-hover( '--vamtam-accent-color-6' );
  20. &:disabled {
  21. border: solid 1px var( --vamtam-default-line-color );
  22. padding: 14px 29px;
  23. background: transparent;
  24. box-shadow: none;
  25. }
  26. }
  27. .checkout-button {
  28. .button-gen( '--vamtam-accent-color-1' );
  29. .button-gen-hover( '--vamtam-accent-color-6' );
  30. margin-right: 0px;
  31. display: block;
  32. }
  33. }
  34. .button.ajax_add_to_cart {
  35. color: var( --vamtam-body-link-regular );
  36. &:focus {
  37. outline: none !important;
  38. }
  39. &:not(.added):focus .icon,
  40. &:after {
  41. color: var( --vamtam-accent-color-1 );
  42. }
  43. .icon {
  44. color: var( --vamtam-body-link-regular );
  45. }
  46. &.added {
  47. &:after {
  48. display: inline-block;
  49. height: auto;
  50. line-height: 1em;
  51. vertical-align: top;
  52. margin-left: 10px;
  53. }
  54. + .added_to_cart {
  55. opacity: 0;
  56. }
  57. }
  58. &:hover {
  59. .icon {
  60. color: var( --vamtam-body-link-hover );
  61. }
  62. }
  63. &.loading:after {
  64. top: 1em;
  65. right: 0.7em;
  66. }
  67. }
  68. }