diff --git a/src/theatergf-gallery/block.json b/src/theatergf-gallery/block.json index 888c578..e6a95d9 100644 --- a/src/theatergf-gallery/block.json +++ b/src/theatergf-gallery/block.json @@ -13,7 +13,6 @@ "textdomain": "theatergf-gallery", "editorScript": "file:./index.js", "editorStyle": "file:./index.css", - "style": "file:./style-index.css", "render": "file:./render.php", "viewScript": "file:./view.js" } diff --git a/src/theatergf-gallery/edit.js b/src/theatergf-gallery/edit.js index c9c2797..0567793 100644 --- a/src/theatergf-gallery/edit.js +++ b/src/theatergf-gallery/edit.js @@ -31,8 +31,8 @@ import './editor.scss'; */ export default function Edit() { return ( - - { __( 'Gallery', 'theatergf-gallery' ) } - +
+ +
); } diff --git a/src/theatergf-gallery/editor.scss b/src/theatergf-gallery/editor.scss index 95be2ae..0e2e2da 100644 --- a/src/theatergf-gallery/editor.scss +++ b/src/theatergf-gallery/editor.scss @@ -4,6 +4,13 @@ * Replace them with your own styles or remove the file completely. */ -.wp-block-theatergf-theatergf-gallery { +.wp-block-theatergf-gallery { border: 1px dotted #f00; + width: 100%; + aspect-ratio: 2/1; + overflow: hidden; + + display: flex; + justify-content: center; + align-items: center; } diff --git a/src/theatergf-gallery/index.js b/src/theatergf-gallery/index.js index d82621b..5770e1a 100644 --- a/src/theatergf-gallery/index.js +++ b/src/theatergf-gallery/index.js @@ -5,15 +5,6 @@ */ import { registerBlockType } from '@wordpress/blocks'; -/** - * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files. - * All files containing `style` keyword are bundled together. The code used - * gets applied both to the front of your site and to the editor. - * - * @see https://www.npmjs.com/package/@wordpress/scripts#using-css - */ -import './style.scss'; - /** * Internal dependencies */ diff --git a/src/theatergf-gallery/style.scss b/src/theatergf-gallery/style.scss deleted file mode 100644 index dd0be6d..0000000 --- a/src/theatergf-gallery/style.scss +++ /dev/null @@ -1,10 +0,0 @@ -/** - * The following styles get applied both on the front of your site - * and in the editor. - * - * Replace them with your own styles or remove the file completely. - */ - -.wp-block-theatergf-theatergf-gallery { - -}