Section Wrap

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

.block-section-wrap {
	border-top: 1px solid $border-grey;
	border-bottom: 1px solid $border-grey;

	.section-name, .line {
		display: none;
		@include bp($md) {
			display: block;
		}
	}

	&.has-light-blue-background-color {
		.section-name {
			background-color:var(--wp--preset--color--light-blue) !important;
		}

		.block-content-carousel {
			.block-content-carousel__slide-content--person {
				.person-location {
					color: var(--text-color);
				}
			}
		}
	}

	.acf-innerblocks-container {
		.block-content-carousel {
			margin-right: -$container-spacing-mobile;
			margin-left: -$container-spacing-mobile;

			@include bp($md) {
				margin-right: -$container-spacing-desktop;
				margin-left: 0;
			}

			.swiper {
				margin-left: 0;
				border-bottom: 0;

				@include bp($md) {
					border-left: 0;
				}
			}
		}
		.block-post-carousel {
			margin-right: -$container-spacing-mobile;
			@include bp($md) {
				margin-right: -$container-spacing-desktop;
			}

			&__view-all {
				margin-right: $container-spacing-mobile;
				@include bp($lg) {
					margin-right: $container-spacing-desktop;
				}
			}

			.slider-navigation {
				@include bp($md) {
					padding: 0 1rem;
				}

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

			&--small {
				.block-post-carousel__wrapper,
				.block-post-carousel__heading,
				.slider-navigation {
					@include bp($md){
						padding-left:1rem;
					}
					@include bp($lg) {
						padding-left: 75px;
					}
					@include bp($xl) {
						padding-left: 110px;
					}
				}
			}
		}

		.block-partners__partners {
			margin-right: 0;

			@include bp($md) {
				margin-right: -$container-spacing-desktop;
			}
		}

		.block-partners-slider {
			margin-left: -$container-spacing-mobile;
			margin-right: -$container-spacing-mobile;
			border-top: 1px solid $border-grey;

			@include bp($md) {
				margin-left: 0;
				margin-right: -$container-spacing-desktop;
			}

			.block-partners-slider__wrapper{
				padding-right: 0;
				@include bp($lg) {
					padding-right: $container-spacing-desktop;
				}
			}

			.slider-navigation {
				padding-right: 0;
				padding-left: $grid-gutter-width;
				margin-left: 2px;

			}
		}
	}
}

{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 2,
    "name": "strategiq/section-wrap",
    "title": "Section Wrap",
    "description": "Example block to be used as a template",
    "category": "strategiq",
    "icon": "strategiq",
    "acf": {
        "mode": "preview",
        "renderTemplate": "block-section-wrap.php"
    },
    "supports": {
        "anchor": true,
		"jsx": 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 - Section Wrap",
                "content": "This is some example content to represent what the content will look like"
            }
        }
    },
    "style": ["file:../../assets/css/section-wrap/block-section-wrap.css"]
}