refactored checkout flow on button click from pricing page, started to redsign the checkout page
This commit is contained in:
		@@ -2222,6 +2222,34 @@ article.card {
 | 
			
		||||
      #pricing-modal-login-register #login-register > section form input[type="password"] {
 | 
			
		||||
        max-width: 11em; }
 | 
			
		||||
 | 
			
		||||
#main-content form.commerce-checkout-flow {
 | 
			
		||||
  max-width: 641px; }
 | 
			
		||||
  #main-content form.commerce-checkout-flow .layout-checkout-form {
 | 
			
		||||
    display: flex;
 | 
			
		||||
    flex-flow: column; }
 | 
			
		||||
    #main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main {
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      float: none;
 | 
			
		||||
      order: 2;
 | 
			
		||||
      background-color: #ff9f50;
 | 
			
		||||
      padding: 1em; }
 | 
			
		||||
    #main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary {
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      float: none;
 | 
			
		||||
      order: 1; }
 | 
			
		||||
      #main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary > h3 {
 | 
			
		||||
        display: none; }
 | 
			
		||||
      #main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary {
 | 
			
		||||
        background-color: #69cdcf;
 | 
			
		||||
        padding: 1em; }
 | 
			
		||||
      #main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption {
 | 
			
		||||
        background-color: #50aa3c;
 | 
			
		||||
        padding: 1em; }
 | 
			
		||||
        #main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption input[type="text"] {
 | 
			
		||||
          width: 5em; }
 | 
			
		||||
    #main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer {
 | 
			
		||||
      order: 3; }
 | 
			
		||||
 | 
			
		||||
body:not(.path-home) footer[role="contentinfo"] {
 | 
			
		||||
  display: none; }
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							
		Reference in New Issue
	
	Block a user