@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
.block-simple-header {
padding-top: clamp(40px, 8vw, 140px);
padding-bottom: clamp(40px, 8vw, 140px);
.heading {
font-size: clamp(24px, 3vw, 44px);
font-weight: 600;
color: var(--text-color);
text-align: center;
max-width: 90%;
margin: 0 auto;
@include bp($lg) {
max-width: 66%;
}
}
}
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "strategiq/simple-header",
"title": "Simple Header",
"description": "Example block to be used as a template",
"category": "strategiq",
"icon": "strategiq",
"acf": {
"mode": "preview",
"renderTemplate": "block-simple-header.php"
},
"supports": {
"anchor": true,
"align": true,
"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 - Simple Header",
"content": "This is some example content to represent what the content will look like"
}
}
},
"style": "file:../../assets/css/simple-header/block-simple-header.css"
}