{% schema %} { "name": "Typography - Header", "settings": [ { "type": "textarea", "id": "font1", "label": "Font Family 1" }, { "type": "textarea", "id": "font2", "label": "Font Family 2" }, { "type": "textarea", "id": "font3", "label": "Font Family 3" }, { "type": "textarea", "id": "custom", "label": "Custom CSS rules", "info":"Enter any custom CSS rules here if needed" } ], "blocks" : [ { "type": "style", "name": "Style", "settings": [ { "type": "header", "content": "RTE Header Style", "info": "Select more to apply same styles to different Headers" }, { "type": "checkbox", "id": "h1_rte", "label": "H1 for rte" }, { "type": "checkbox", "id": "h2_rte", "label": "H2 for rte" }, { "type": "checkbox", "id": "h3_rte", "label": "H3 for rte" }, { "type": "checkbox", "id": "h4_rte", "label": "H4 for rte" }, { "type": "checkbox", "id": "h5_rte", "label": "H5 for rte" }, { "type": "checkbox", "id": "h6_rte", "label": "H6 for rte" }, { "type": "checkbox", "id": "h7_rte", "label": "H7 for rte" }, { "type": "checkbox", "id": "h8_rte", "label": "H8 for rte" }, { "type": "header", "content": "General" }, { "type":"range", "id":"title", "label":"Suffix", "info":"You will be able to use the CSS class in your liquid files. E.g. if the suffix is 1, the CSS class will be h1.", "min":1, "max":10, "default":1, "step":1 }, { "type":"radio", "id":"family", "label":"Family", "options":[ {"value":"1","label":"Family 1"}, {"value":"2","label":"Family 2"}, {"value":"3","label":"Family 3"} ] }, { "type": "checkbox", "id": "uppercase", "label": "Uppercase" }, { "type": "checkbox", "id": "capitalize", "label": "Capitalize" }, { "type": "text", "id": "font-weight", "label": "Font Weight", "default":"400" }, { "type": "header", "content": "Mobile" }, { "type": "text", "id": "mobile-size", "label": "Font Size" }, { "type": "text", "id": "mobile-height", "label": "Line Height" }, { "type": "text", "id": "mobile-spacing", "label": "Letter Spacing" }, { "type": "header", "content": "Tablet (600px)" }, { "type": "text", "id": "tablet-size", "label": "Font Size" }, { "type": "text", "id": "tablet-height", "label": "Line Height" }, { "type": "text", "id": "tablet-spacing", "label": "Letter Spacing" }, { "type": "header", "content": "Desktop (1024px)" }, { "type": "text", "id": "desktop-size", "label": "Font Size" }, { "type": "text", "id": "desktop-height", "label": "Line Height" }, { "type": "text", "id": "desktop-spacing", "label": "Letter Spacing" }, { "type": "header", "content": "Break Point 1" }, { "type": "text", "id": "point1-width", "label": "Screen Width", "info":"Must be bigger than the previous breakpoint" }, { "type": "text", "id": "point1-size", "label": "Font Size" }, { "type": "text", "id": "point1-height", "label": "Line Height" }, { "type": "text", "id": "point1-spacing", "label": "Letter Spacing" }, { "type": "header", "content": "Break Point 2" }, { "type": "text", "id": "point2-width", "label": "Screen Width", "info":"Must be bigger than the previous breakpoint" }, { "type": "text", "id": "point2-size", "label": "Font Size" }, { "type": "text", "id": "point2-height", "label": "Line Height" }, { "type": "text", "id": "point2-spacing", "label": "Letter Spacing" }, { "type": "header", "content": "Break Point 3" }, { "type": "text", "id": "point3-width", "label": "Screen Width", "info":"Must be bigger than the previous breakpoint" }, { "type": "text", "id": "point3-size", "label": "Font Size" }, { "type": "text", "id": "point3-height", "label": "Line Height" }, { "type": "text", "id": "point3-spacing", "label": "Letter Spacing" } ] } ] } {% endschema %}