Author Info

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

.block-author-info {
	--text-color: #fff;

	.single-intelligence & {
		border-bottom: rem-calc(1) solid $border-grey;
		padding-left: rem-calc(10);

		@include bp($md) {
			padding-left: rem-calc(55);
		}

		@include bp($lg) {
			padding-left: rem-calc(80);
		}

		@include bp($xl) {
			padding-left: 0;
		}

		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: rem-calc(83);
			background-color: $border-grey;
			height: 100%;
			width: rem-calc(1);
			pointer-events: none;
			display: none;

			@include bp($md) {
				display: block;
			}
		}
	}

	.single-firm & {
		--text-color: #000;
	}

	padding-top: rem-calc(50);
	padding-bottom: rem-calc(50);

	.row-title {
		@include fluid-type(18, 24);
		line-height: 1.3;
		margin-bottom: rem-calc(14);
	}

	.author-info {
		display: flex;
		flex-direction: column;
		gap: rem-calc(24);
		margin-bottom: 2rem;

		@include bp($xl) {
			flex-direction: row;
			margin-bottom: 0;
		}

		&__image {
			flex-shrink: 0;

			picture {
				display: flex;
			}
		}

		&__bio {
			.author-info__read-more {
				font-size: $body-small;
			}
		}

		&__meta {
			max-width: rem-calc(300);
			display: flex;
			flex-direction: column;
		}

		&__name {
			margin-bottom: 1rem;
			line-height: 1;
			text-wrap: balance;
			font-size: $heading-7;
			font-weight: 500;
			color: var(--text-color);
			text-decoration: none;

			@include bp($xl) {
				margin-bottom: auto;
			}
		}

		&__firm,
		&__job-title {
			@include fluid-type(16, 18);
			line-height: 1.3;
			margin-bottom: 0;
		}

		&__job-title {
			font-weight: 600;
		}

		&__content {

		}

		&__about-title {
			color: $primary-blue;
			font-weight: 600;
			@include fluid-type(16, 16);
			line-height: 2;
			text-transform: uppercase;
			margin-bottom: 0;
		}
	}
}

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