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.
 
 
 

135 lines
2.5 KiB

  1. .mod_iso_cart {
  2. padding: 0 190px 3rem 190px;
  3. .spwn-qc {
  4. display: flex;
  5. justify-content: center;
  6. flex-wrap: wrap;
  7. width: 164px;
  8. }
  9. .quantity {
  10. a {
  11. position: relative;
  12. display: inline-block;
  13. margin: 0 auto;
  14. padding: 0 0 0 22px;
  15. font-size: size(12);
  16. font-weight: 700;
  17. color: $font;
  18. text-decoration: underline;
  19. @include transition();
  20. &:hover {
  21. color: $primary;
  22. }
  23. &:before {
  24. content: "";
  25. display: block;
  26. position: absolute;
  27. left: 0;
  28. top: 50%;
  29. transform: translate(0, -50%);
  30. width: 16px;
  31. height: 21px;
  32. background: transparent url("../images/elements/icon-delete.svg") no-repeat left top;
  33. background-size: 100% auto;
  34. }
  35. }
  36. }
  37. .quantity_container {
  38. max-width: 162px;
  39. margin: 0 0 20px 0;
  40. input {
  41. width: 60px;
  42. }
  43. }
  44. .voucher-box {
  45. .mod_iso_coupons {
  46. @include fullwidth();
  47. margin-top: 50px;
  48. margin-bottom: 80px;
  49. }
  50. .spwn-coupons {
  51. margin: 0 auto;
  52. padding: 40px 0 20px 0;
  53. max-width: calc(1280px - 24px - 190px - 190px);
  54. h2 {
  55. padding: 0 0 16px 0;
  56. color: $primary;
  57. font-family: 'Lato', sans-serif;
  58. font-weight: 400;
  59. font-size: size(24);
  60. line-height: size(32);
  61. }
  62. p {
  63. font-weight: 300;
  64. }
  65. .formbody {
  66. border: none;
  67. display: flex;
  68. justify-content: space-between;
  69. align-items: center;
  70. padding: 4px 0 10px 0;
  71. }
  72. .widget {
  73. &.widget-text {
  74. width: 70%;
  75. }
  76. &.widget-submit {
  77. width: calc(30% - 20px);
  78. }
  79. input {
  80. width: 100%;
  81. padding: 7px 25px;
  82. border: 1px solid #aaa;
  83. border-radius: 25px;
  84. }
  85. }
  86. .submit {
  87. @include button();
  88. width: 100%;
  89. border: 2px solid #fff;
  90. background-color: #b0b0b0;
  91. color: #fff;
  92. font-size: size(22);
  93. font-weight: 400;
  94. &:hover {
  95. color: rgba(255, 255, 255, .7);
  96. }
  97. }
  98. ul {
  99. li {
  100. display: flex;
  101. justify-content: space-between;
  102. align-items: center;
  103. padding: 0 0 10px 0;
  104. .coupon {
  105. width: 70%;
  106. margin: 0;
  107. text-align: right;
  108. }
  109. .action {
  110. width: calc(30% - 20px);
  111. }
  112. }
  113. }
  114. }
  115. }
  116. }