Job Content

@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";

.block-job-content {
	padding: rem-calc(60px) 0;

	&__wrapper {
		@include bp($md) {
			padding: 0 1rem;
		}

		@include bp($lg) {
			padding: 0;
		}
	}

	&__content {
		margin-top: 1rem;

		@include bp($lg) {
			margin-top: 0;
		}

		h2 {
			font-size: $heading-8;
			font-weight: 400;
		}
	}

	&__details {
		ul {
			@include list-unstyled;

			li {
				font-weight: 600;
				color: $primary;
				margin-bottom: 1rem;
				display: flex;
				align-items: center;

				svg {
					height: 16px;
					width: auto;
					margin-right: 9px;
				}

				&.office {
					svg {
						margin-right: 14px;
					}
				}

				&.department {
					svg {
						margin-right: 7px;
					}
				}
			}
		}
	}
}

{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 2,
    "name": "strategiq/job-content",
    "title": "Job Content",
    "description": "Example block to be used as a template",
    "category": "strategiq",
    "icon": "strategiq",
    "acf": {
        "mode": "preview",
        "renderTemplate": "block-job-content.php"
    },
    "supports": {
        "anchor": true,
        "align": false,
        "color": {
            "background": true,
            "text": false,
            "gradients": true
        },
        "spacing": {
            "padding": [
                "top",
                "bottom"
            ],
            "margin": [
                "top",
                "bottom"
            ]
        }
    },
    "example": {
        "attributes": {
            "mode": "preview",
            "data": {
                "heading_type": "h2",
                "heading_text": "Example - Job Content",
                "content": "This is some example content to represent what the content will look like"
            }
        }
    },
    "style": ["file:../../assets/css/job-content/block-job-content.css"]
}