Display.js
3 years ago
FlexDirection.js
3 years ago
LayoutCSS.js
3 years ago
LayoutControl.js
3 years ago
ThemeWidth.js
2 years ago
ZIndex.js
3 years ago
editor.scss
3 years ago
LayoutCSS.js
26 lines
| 1 | import addToCSS from '../../../../../utils/add-to-css'; |
| 2 | |
| 3 | export default function LayoutCSS( css, selector, attributes, device = '' ) { |
| 4 | const styles = { |
| 5 | 'z-index': attributes[ 'zindex' + device ], |
| 6 | }; |
| 7 | |
| 8 | if ( ! attributes.useInnerContainer ) { |
| 9 | styles.display = attributes[ 'display' + device ]; |
| 10 | styles[ 'flex-direction' ] = attributes[ 'flexDirection' + device ]; |
| 11 | styles[ 'flex-wrap' ] = attributes[ 'flexWrap' + device ]; |
| 12 | styles[ 'align-items' ] = attributes[ 'alignItems' + device ]; |
| 13 | styles[ 'justify-content' ] = attributes[ 'justifyContent' + device ]; |
| 14 | styles[ 'column-gap' ] = attributes[ 'columnGap' + device ]; |
| 15 | styles[ 'row-gap' ] = attributes[ 'rowGap' + device ]; |
| 16 | styles.order = attributes[ 'order' + device ]; |
| 17 | styles.position = attributes[ 'position' + device ]; |
| 18 | styles[ 'overflow-x' ] = attributes[ 'overflowX' + device ]; |
| 19 | styles[ 'overflow-y' ] = attributes[ 'overflowY' + device ]; |
| 20 | } |
| 21 | |
| 22 | return ( |
| 23 | addToCSS( css, selector, styles ) |
| 24 | ); |
| 25 | } |
| 26 |