diff --git a/includes/css/blocks.css b/includes/css/blocks.css new file mode 100644 index 0000000..d0b50e9 --- /dev/null +++ b/includes/css/blocks.css @@ -0,0 +1 @@ +div[class^="wp-block-displayfeaturedimagegenesis"]:before{position:absolute;top:0;right:0;bottom:0;left:0;content:' ';background-color:rgba(255,255,255,0)} \ No newline at end of file diff --git a/includes/widgets/class-displayfeaturedimagegenesis-output-block.php b/includes/widgets/class-displayfeaturedimagegenesis-output-block.php index 0bbcfee..209516a 100644 --- a/includes/widgets/class-displayfeaturedimagegenesis-output-block.php +++ b/includes/widgets/class-displayfeaturedimagegenesis-output-block.php @@ -39,6 +39,7 @@ class DisplayFeaturedImageGenesisOutputBlock { "{$this->name}{$block}", array( 'editor_script' => "{$this->block}block", + 'editor_style' => "{$this->block}block", 'attributes' => $this->fields( $block ), 'render_callback' => array( $this, "render_{$data['nickname']}" ), ) @@ -133,6 +134,7 @@ class DisplayFeaturedImageGenesisOutputBlock { public function register_script_style() { $minify = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : ' . min'; $version = displayfeaturedimagegenesis_get()->version; + wp_register_style( "{$this->block}block", plugin_dir_url( dirname( __FILE__ ) ) . 'css/blocks.css', array(), $version, 'screen' ); if ( ! $minify ) { $version .= current_time( 'gmt' ); } diff --git a/sass/blocks.scss b/sass/blocks.scss new file mode 100644 index 0000000..b4a9a36 --- /dev/null +++ b/sass/blocks.scss @@ -0,0 +1,12 @@ +div[class^="wp-block-displayfeaturedimagegenesis"] { + &:before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + content: ' '; + background-color: rgba(255, 255, 255, 0); + } +} +