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.
 
 
 

109 lines
2.1 KiB

  1. .ce_form {
  2. padding: 0 0 3rem 0;
  3. }
  4. .mod_iso_checkout form,
  5. .ce_form {
  6. .formbody,
  7. .address_new {
  8. display: flex;
  9. justify-content: space-between;
  10. flex-wrap: wrap;
  11. }
  12. .address_new[style="display: block;"] {
  13. display: flex !important;
  14. }
  15. .widget {
  16. width: calc(50% - 20px);
  17. padding: 0 0 2rem 0;
  18. @media (max-width: 575px) {
  19. width: 100%;
  20. }
  21. &.widget-textarea {
  22. width: 100%;
  23. }
  24. &.widget-submit {
  25. display: flex;
  26. justify-content: flex-end;
  27. width: 100%;
  28. }
  29. &[data-name="shippingaddress_company"],
  30. &[data-name="billingaddress_company"],
  31. &[data-name="shippingaddress_country"],
  32. &[data-name="billingaddress_country"] {
  33. width: 100%;
  34. }
  35. &[data-name="shippingaddress_postal"],
  36. &[data-name="billingaddress_postal"] {
  37. width: calc(25% - 20px);
  38. @media (max-width: 575px) {
  39. width: 100%;
  40. }
  41. }
  42. &[data-name="shippingaddress_city"],
  43. &[data-name="billingaddress_city"] {
  44. width: calc(75% - 20px);
  45. @media (max-width: 575px) {
  46. width: 100%;
  47. }
  48. }
  49. &[data-name="shippingaddress_street_1"],
  50. &[data-name="billingaddress_street_1"] {
  51. width: calc(75% - 20px);
  52. @media (max-width: 575px) {
  53. width: 100%;
  54. }
  55. }
  56. &[data-name="shippingaddress_street_2"],
  57. &[data-name="billingaddress_street_2"] {
  58. width: calc(25% - 20px);
  59. @media (max-width: 575px) {
  60. width: 100%;
  61. }
  62. }
  63. }
  64. label {
  65. display: block;
  66. padding: 0 0 0.5rem 0;
  67. }
  68. input,
  69. select,
  70. textarea {
  71. display: block;
  72. width: 100%;
  73. padding: 8px 10px;
  74. border: 1px solid $tertiary;
  75. border-radius: 20px;
  76. }
  77. input {
  78. }
  79. select {
  80. padding-top: 10px;
  81. padding-bottom: 10px;
  82. -webkit-appearance: none;
  83. -moz-appearance: none;
  84. appearance: none;
  85. background: $white url("../images/elements/arrow-select.png") no-repeat calc(100% - 20px) 50%;
  86. background-size: 10px auto;
  87. &::-ms-expand {
  88. display: none;
  89. }
  90. }
  91. textarea {
  92. height: 200px;
  93. }
  94. .submit {
  95. @include button();
  96. }
  97. }