3-helper-classes edit

switch  edit

Switches order of first and second flex items

.h-switch
Copy
Edit
<p>Switches order of first and second flex items</p> <pre><code class="language-css">.h-switch</code></pre> <!-- components/3-helper-classes/switch.php -->
Cancel
Copy
Copy
Edit
.h-switch { // & > *:first-child { // order: 1; // } // & > *:last-child { // order: 2; // } // @include breakpoint($mobile-to-desktop-breakpoint) { & > *:first-child { order: 2; } & > *:last-child { order: 1; } // } } /* scss/3-helper-classes/_switch.scss */
Cancel