{% schema %} { "name": "Links", "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": "animation", "label": "CSS Transition codes", "default":"all 1s linear" }, { "type": "textarea", "id": "custom", "label": "Custom CSS rules", "info":"Enter any custom CSS rules here if needed" } ], "blocks" : [ { "type": "style", "name": "Style", "settings": [ { "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 link1.", "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": "text", "id": "letter-spacing", "label": "Letter Spacing" }, { "type": "text", "id": "font-weight", "label": "Font Weight", "default":"400" }, { "type": "range", "id": "padding-top", "label": "Padding Top", "min": 0, "max": 60, "step": 1, "default": 10, "unit": "px" }, { "type": "range", "id": "padding-bottom", "label": "Padding Bottom", "min": 0, "max": 60, "step": 1, "default": 10, "unit": "px" }, { "type": "range", "id": "padding-left", "label": "Padding Left", "min": 0, "max": 60, "step": 1, "default": 10, "unit": "px" }, { "type": "range", "id": "padding-right", "label": "Padding Right", "min": 0, "max": 60, "step": 1, "default": 10, "unit": "px" }, { "type": "range", "id": "border-top", "label": "Border Top", "min": 0, "max": 20, "step": 1, "default": 1, "unit": "px" }, { "type": "range", "id": "border-bottom", "label": "Border Bottom", "min": 0, "max": 20, "step": 1, "default": 1, "unit": "px" }, { "type": "range", "id": "border-left", "label": "Border Left", "min": 0, "max": 20, "step": 1, "default": 1, "unit": "px" }, { "type": "range", "id": "border-right", "label": "Border Right", "min": 0, "max": 20, "step": 1, "default": 1, "unit": "px" }, { "type":"color", "id":"color", "label":"Colour" }, { "type":"color", "id":"background-color", "label":"Background Colour" }, { "type":"color", "id":"border-color", "label":"Border-Colour" }, { "type": "header", "content": "Hover" }, { "type":"color", "id":"hover-color", "label":"Colour" }, { "type":"color", "id":"hover-background-color", "label":"Background Colour" }, { "type":"color", "id":"hover-border-color", "label":"Border-Colour" }, { "type": "header", "content": "Mobile" }, { "type": "text", "id": "mobile-size", "label": "Font Size" }, { "type": "text", "id": "mobile-height", "label": "Line Height" }, { "type": "header", "content": "Tablet" }, { "type": "text", "id": "tablet-size", "label": "Font Size" }, { "type": "text", "id": "tablet-height", "label": "Line Height" }, { "type": "header", "content": "Desktop" }, { "type": "text", "id": "desktop-size", "label": "Font Size" }, { "type": "text", "id": "desktop-height", "label": "Line Height" }, { "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": "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" } ] } ] } {% endschema %}