@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
.block-embed-block {
padding-top: 4rem;
padding-bottom: 4rem;
&__wrapper{
background: var(--white);
border-radius: 32px;
padding: 24px;
width: 100%;
@include bp($lg){
border-radius: 52px;
padding: 40px;
}
iframe{
width: 100%;
}
p{
&:last-child{
margin-bottom: 0;
}
}
}
}
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "strategiq/embed-block",
"title": "Embed Block",
"description": "Example block to be used as a template",
"category": "strategiq",
"icon": "strategiq",
"acf": {
"mode": "preview",
"renderTemplate": "block-embed-block.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 - Example",
"content": "This is some example content to represent what the content will look like"
}
}
},
"style": "file:../../assets/css/embed-block/block-embed-block.css"
}