Careers Grid

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

.block-careers-grid {
	padding-top: clamp(rem-calc(30), 5vw, rem-calc(100));
	padding-bottom: clamp(rem-calc(30), 5vw, rem-calc(100));

	&__top-content {
		margin-bottom: clamp(rem-calc(20), 3vw, rem-calc(50));
	}

	&__bottom-content {
		margin-top: clamp(rem-calc(20), 3vw, rem-calc(50));
	}

	&__column {
		margin-bottom: rem-calc(16);

		@include bp($lg) {
			margin-bottom: rem-calc(24);
		}
	}

}

{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 2,
    "name": "strategiq/careers-grid",
    "title": "Careers grid",
    "description": "Careers grid block",
    "category": "strategiq",
    "icon": "strategiq",
    "acf": {
        "mode": "edit",
        "renderTemplate": "block-careers-grid.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/careers-grid/block-careers-grid.css"
}