{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "create-block/card-scroll-block", "version": "0.1.0", "title": "Card Slider", "category": "adaire-interactive", "description": "Display cards in a horizontal scrolling layout.", "icon": "\n\n\n\n\n\n\n\n\n\n\n\n\n", "supports": { "html": false, "anchor": true }, "attributes": { "blockId": { "type": "string", "default": "" }, "cards": { "type": "array", "default": [ { "title": "Brand Foundation", "description": "The heart of your company's story. It shapes your vision, values, and voice, ensuring a clear and powerful impact in every interaction.", "mediaType": "image", "mediaId": 0, "mediaUrl": "", "backgroundColor": "#c3abff", "headerTextColor": "#000000", "shadowColor": "rgba(0,0,0,0.1)", "shadowBlur": 10, "textColor": "#000000" }, { "title": "Design Identity", "description": "Your brand's visual fingerprint. It crafts a distinctive look that sparks recognition and builds emotional connections with your audience.", "mediaType": "image", "mediaId": 0, "mediaUrl": "", "backgroundColor": "#ffffff", "headerTextColor": "#000000", "shadowColor": "rgba(0,0,0,0.1)", "shadowBlur": 10, "textColor": "#000000" }, { "title": "Digital Presence", "description": "Our web solutions combine cutting-edge design and seamless functionality to create experiences that captivate and inspire your audience.", "mediaType": "image", "mediaId": 0, "mediaUrl": "", "backgroundColor": "#fed35b", "headerTextColor": "#000000", "shadowColor": "rgba(0,0,0,0.1)", "shadowBlur": 10, "textColor": "#000000" }, { "title": "Product Design", "description": "We craft user-first products that are both functional and visually appealing, delivering solutions that leave a lasting impression.", "mediaType": "image", "mediaId": 0, "mediaUrl": "", "backgroundColor": "#1e1e1e", "headerTextColor": "#ffffff", "shadowColor": "rgba(0,0,0,0.1)", "shadowBlur": 10, "textColor": "#ffffff" } ] }, "responsiveImageDimensions": { "type": "object", "default": { "mobile": { "width": "100%", "height": "auto" }, "tablet": { "width": "300px", "height": "auto" }, "smallLaptop": { "width": "300px", "height": "auto" }, "desktop": { "width": "300px", "height": "auto" }, "bigDesktop": { "width": "300px", "height": "auto" } } }, "containerMode": { "type": "string", "default": "constrained" }, "responsiveMaxWidth": { "type": "object", "default": { "mobile": { "value": 100, "unit": "%" }, "tablet": { "value": 100, "unit": "%" }, "smallLaptop": { "value": 1200, "unit": "px" }, "desktop": { "value": 1200, "unit": "px" }, "bigDesktop": { "value": 1400, "unit": "px" } } }, "responsivePadding": { "type": "object", "default": { "mobile": { "top": "20px", "right": "16px", "bottom": "20px", "left": "16px" }, "tablet": { "top": "40px", "right": "30px", "bottom": "40px", "left": "40px" }, "smallLaptop": { "top": "40px", "right": "60px", "bottom": "40px", "left": "80px" }, "desktop": { "top": "60px", "right": "150px", "bottom": "60px", "left": "200px" }, "bigDesktop": { "top": "60px", "right": "150px", "bottom": "60px", "left": "200px" } } }, "responsiveCardPadding": { "type": "object", "default": { "mobile": { "top": "2em", "right": "1em", "bottom": "4em", "left": "1em" }, "tablet": { "top": "2em", "right": "2em", "bottom": "5em", "left": "2em" }, "smallLaptop": { "top": "2em", "right": "2em", "bottom": "6em", "left": "2em" }, "desktop": { "top": "2em", "right": "2em", "bottom": "6em", "left": "2em" }, "bigDesktop": { "top": "2em", "right": "2em", "bottom": "6em", "left": "2em" } } }, "responsiveTitleFontSize": { "type": "object", "default": { "mobile": "2rem", "tablet": "3rem", "smallLaptop": "4rem", "desktop": "4rem", "bigDesktop": "4rem" } }, "responsiveTitleFontWeight": { "type": "object", "default": { "mobile": "600", "tablet": "600", "smallLaptop": "600", "desktop": "600", "bigDesktop": "600" } }, "responsiveTitleLineHeight": { "type": "object", "default": { "mobile": "1", "tablet": "1", "smallLaptop": "1", "desktop": "1", "bigDesktop": "1" } }, "responsiveDescriptionFontSize": { "type": "object", "default": { "mobile": "1rem", "tablet": "1.125rem", "smallLaptop": "1.25rem", "desktop": "1.25rem", "bigDesktop": "1.25rem" } }, "responsiveDescriptionFontWeight": { "type": "object", "default": { "mobile": "500", "tablet": "500", "smallLaptop": "500", "desktop": "500", "bigDesktop": "500" } }, "responsiveDescriptionLineHeight": { "type": "object", "default": { "mobile": "1.5", "tablet": "1.5", "smallLaptop": "1.5", "desktop": "1.5", "bigDesktop": "1.5" } }, "introHeight": { "type": "string", "default": "20vh" }, "outroHeight": { "type": "string", "default": "20vh" }, "responsiveCardMinHeight": { "type": "object", "default": { "mobile": "400px", "tablet": "500px", "smallLaptop": "600px", "desktop": "600px", "bigDesktop": "600px" } }, "responsiveCardWidth": { "type": "object", "default": { "mobile": "100%", "tablet": "100%", "smallLaptop": "100%", "desktop": "100%", "bigDesktop": "100%" } }, "responsiveLastCardBottomHeight": { "type": "object", "default": { "mobile": "0px", "tablet": "0px", "smallLaptop": "0px", "desktop": "0px", "bigDesktop": "0px" } } }, "textdomain": "adaire-blocks-dev2", "editorScript": "file:./index.js", "editorStyle": "file:./index.css", "style": "file:./style-index.css", "viewScript": "file:./view.js" }