File Manager

X7ROOT File Manager

Current Path: /home/freights/public_html/wp-content/plugins/generateblocks/src/blocks/image/css

home / freights / public_html / wp-content / plugins / generateblocks / src / blocks / image / css /

?? ..
?? desktop.js(291 B)
?? main.js(1.82 KB)
?? mobile.js(2.26 KB)
?? tablet-only.js(294 B)
?? tablet.js(2.18 KB)

Editing: main.js

import buildCSS from '../../../utils/build-css';
import { applyFilters } from '@wordpress/hooks';
import shorthandCSS from '../../../utils/shorthand-css';
import SpacingCSS from '../../../extend/inspector-control/controls/spacing/components/SpacingCSS';
import BorderCSS from '../../../extend/inspector-control/controls/borders/BorderCSS';

export default function MainCSS( props ) {
	const attributes = applyFilters( 'generateblocks.editor.cssAttrs', props.attributes, props );

const {
		uniqueId,
		objectFit,
		width,
		height,
		alignment,
	} = attributes;

const {
		borderTopLeftRadius,
		borderTopRightRadius,
		borderBottomRightRadius,
		borderBottomLeftRadius,
	} = attributes.spacing;

let cssObj = [];

const floats = {
		floatLeft: 'left',
		floatRight: 'right',
		floatNone: 'none',
	};

cssObj[ '.editor-styles-wrapper .gb-block-image-' + uniqueId ] = [ {
		'text-align': ! alignment.startsWith( 'float' ) ? alignment : null,
		float: alignment.startsWith( 'float' ) ? floats[ alignment ] : 'none',
		position: alignment.startsWith( 'float' ) ? 'relative' : null,
		'z-index': alignment.startsWith( 'float' ) ? '22' : null,
		'max-width': 'unset',
	} ];

SpacingCSS( cssObj, '.editor-styles-wrapper .gb-block-image-' + uniqueId, attributes.spacing );

cssObj[ '.editor-styles-wrapper .gb-image-' + uniqueId ] = [ {
		width,
		height,
		'object-fit': objectFit,
	} ];

BorderCSS( cssObj, '.editor-styles-wrapper .gb-image-' + uniqueId, attributes.borders );

cssObj[ '.editor-styles-wrapper .gb-image-' + uniqueId + ' + .components-placeholder__illustration' ] = [ {
		'border-radius': shorthandCSS( borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius ),
	} ];

cssObj = applyFilters( 'generateblocks.editor.mainCSS', cssObj, props, 'image' );

return (
		<style>{ buildCSS( cssObj ) }</style>
	);
}

X7ROOT File Manager

Editing: main.js

Upload File

Create Folder