Full Width Image

@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/vendor/rfs";

.block-full-width-image {
	overflow: hidden;

	&.--fixed-size {
		width: 100%;
		aspect-ratio: 16/9;
	}

	img {
		width: 100%;
	}
}

{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 2,
    "name": "strategiq/full-width-image",
    "title": "Full width image",
    "description": "Full width image block",
    "category": "strategiq",
    "icon": "strategiq",
    "acf": {
        "mode": "edit",
        "renderTemplate": "block-full-width-image.php"
    },
    "supports": {
        "anchor": true,
        "align": false,
        "mode": false,
        "color": {
            "background": false,
            "text": false,
            "gradients": false
        },
        "spacing": {
            "padding": [
				"top",
				"bottom"
			],
            "margin": [
                "top",
                "bottom"
            ]
        }
    },
    "style": "file:../../assets/css/full-width-image/block-full-width-image.css"
}