footer
2 years ago
sui-accordion.php
10 months ago
sui-box-header.php
3 years ago
sui-button.php
4 years ago
sui-checkbox.php
3 years ago
sui-footer.php
3 years ago
sui-header.php
4 years ago
sui-icon.php
5 years ago
sui-notice.php
3 years ago
sui-row.php
3 years ago
sui-select.php
3 years ago
sui-settings-row.php
5 months ago
sui-tabs.php
3 years ago
sui-tutorials.php
4 years ago
sui-row.php
56 lines
| 1 | <?php |
| 2 | /** |
| 3 | * SUI Row. |
| 4 | * |
| 5 | * @package Hustle |
| 6 | * @since 4.3.0 |
| 7 | */ |
| 8 | |
| 9 | $breakpoint = isset( $breakpoint ) ? $breakpoint : 'md'; |
| 10 | ?> |
| 11 | |
| 12 | <div class="sui-row"> |
| 13 | |
| 14 | <?php foreach ( $columns as $column ) { ?> |
| 15 | |
| 16 | <?php |
| 17 | switch ( $breakpoint ) { |
| 18 | case '': |
| 19 | case 'none': |
| 20 | $class = 'sui-col-' . $column['size']; |
| 21 | break; |
| 22 | |
| 23 | case 'sm': |
| 24 | case 'md': |
| 25 | case 'lg': |
| 26 | $class = 'sui-col-' . $breakpoint . '-' . $column['size']; |
| 27 | break; |
| 28 | |
| 29 | case 'mobile': |
| 30 | $class = 'sui-col-sm-' . $column['size']; |
| 31 | break; |
| 32 | |
| 33 | case 'tablet': |
| 34 | $class = 'sui-col-md-' . $column['size']; |
| 35 | break; |
| 36 | |
| 37 | case 'desktop': |
| 38 | $class = 'sui-col-lg-' . $column['size']; |
| 39 | break; |
| 40 | |
| 41 | default: |
| 42 | $class = 'sui-col-md-' . $column['size']; |
| 43 | break; |
| 44 | } |
| 45 | ?> |
| 46 | |
| 47 | <div class="<?php echo esc_attr( $class ); ?>"> |
| 48 | |
| 49 | <?php echo $column['content']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> |
| 50 | |
| 51 | </div> |
| 52 | |
| 53 | <?php } ?> |
| 54 | |
| 55 | </div> |
| 56 |