@import 'footer-widgets-area'; @import 'footer-primary-area'; .site-footer { display: flex; flex-direction: column; // footer type 1 &[data-type="type-1"] { .footer-primary-area { order: 2; } .footer-widgets-area { order: 1; } } // footer type 2 &[data-type="type-2"] { .footer-primary-area { order: 1; } .footer-widgets-area { order: 2; } } } .footer-copyright { order: 3; font-size: 14px; text-align: center; padding: var(--copyrightSpacing) 0; color: var(--copyrightText); background: var(--copyrightBackground); }