{% content_for 'blocks' %}
{% stylesheet %}
.utilities {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--gap);
text-wrap: nowrap;
border-top: var(--border-width) solid var(--color-border);
color: var(--color-foreground-muted);
@media screen and (min-width: 750px) {
display: grid;
grid-template-columns: 1fr auto 1fr;
justify-content: center;
gap: var(--gap);
align-items: center;
text-align: left;
}
}
.utilities a {
color: var(--color-foreground-muted);
}
.utilities > * {
text-align: center;
@media screen and (min-width: 750px) {
text-align: left;
justify-self: start;
}
}
/* Dynamic positioning based on number of blocks */
@media screen and (min-width: 750px) {
/* 1 block: Single column, left aligned */
.utilities--blocks-1 {
grid-template-columns: 1fr;
justify-content: start;
}
.utilities--blocks-1 > * {
justify-self: start;
text-align: left;
}
/* 2 blocks: Two equal columns, start and end aligned */
.utilities--blocks-2 {
grid-template-columns: 1fr 1fr;
}
.utilities--blocks-2 > *:nth-child(2) {
justify-self: end;
text-align: right;
}
/* 3 blocks: Three columns (1fr auto 1fr), start/center/end aligned */
.utilities--blocks-3 {
grid-template-columns: 1fr auto 1fr;
}
.utilities--blocks-3 > *:nth-child(2) {
justify-self: center;
text-align: center;
}
.utilities--blocks-3 > *:nth-child(3) {
justify-self: end;
text-align: right;
}
}
{% endstylesheet %}
{% schema %}
{
"name": "t:names.policies_and_links",
"tag": "div",
"class": "footer-utilities",
"max_blocks": 3,
"enabled_on": {
"groups": ["footer"]
},
"settings": [
{
"type": "select",
"id": "section_width",
"label": "t:settings.width",
"options": [
{
"value": "page-width",
"label": "t:options.page"
},
{
"value": "full-width",
"label": "t:options.full"
}
],
"default": "page-width"
},
{
"type": "range",
"id": "gap",
"label": "t:settings.gap",
"min": 0,
"max": 100,
"step": 1,
"unit": "px",
"default": 24
},
{
"type": "range",
"id": "divider_thickness",
"label": "t:settings.divider_thickness",
"min": 0,
"max": 5,
"step": 0.5,
"unit": "px",
"default": 1
},
{
"type": "color_scheme",
"id": "color_scheme",
"label": "t:settings.color_scheme",
"default": "scheme-1"
},
{
"type": "header",
"content": "t:content.padding"
},
{
"type": "range",
"id": "padding-block-start",
"label": "t:settings.top",
"min": 0,
"max": 100,
"step": 1,
"unit": "px",
"default": 20
},
{
"type": "range",
"id": "padding-block-end",
"label": "t:settings.bottom",
"min": 0,
"max": 100,
"step": 1,
"unit": "px",
"default": 20
}
],
"blocks": [
{
"type": "footer-copyright"
},
{
"type": "footer-policy-list"
},
{
"type": "social-links"
}
],
"presets": [
{
"name": "t:names.policies_and_links",
"category": "t:categories.footer",
"blocks": {
"copyright": {
"type": "footer-copyright"
},
"policy_list": {
"type": "footer-policy-list"
},
"social_icons": {
"type": "social-links"
}
},
"block_order": ["copyright", "policy_list", "social_icons"]
}
]
}
{% endschema %}