{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/fancy-image-box-section",
  "version": "1.0.0",
  "title": "Fancy Image Box Section",
  "category": "bPlugins",
  "description": "Image Box Section is a WordPress plugin for creating stylish, customizable image boxes with ease.",
  "keywords": [
    "Fancy Image Box Section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "cards": {
      "type": "array",
      "default": [
        {
          "tag": "For developers and startups",
          "title": "All in One Landing Solutions for businesses",
          "image": "https://hub.liquid-themes.com/wp-content/uploads/2018/08/img-4@2x.jpg",
          "url": "#"
        },
        {
          "tag": "For developers and startups",
          "title": "All in One Landing Solutions for businesses",
          "image": "https://hub.liquid-themes.com/wp-content/uploads/2018/08/img-1@2x.jpg",
          "url": "#"
        }
      ]
    },
    "layout": {
      "type": "object",
      "default": {
        "section": {
          "margin": {
            "desktop": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          },
          "padding": {
            "desktop": {
              "top": "70px",
              "right": "0px",
              "bottom": "70px",
              "left": "0px"
            },
            "tablet": {
              "top": "40px",
              "right": "0px",
              "bottom": "40px",
              "left": "0px"
            },
            "mobile": {
              "top": "20px",
              "right": "0px",
              "bottom": "20px",
              "left": "0px"
            }
          },
          "minHeight": {
            "desktop": "70vh",
            "tablet": "70vh",
            "mobile": "70vh"
          },
          "gap": "30px"
        },
        "cards": {
          "minHeight": {
            "desktop": "100%",
            "tablet": "100%",
            "mobile": "100%"
          },
          "width": {
            "desktop": "48%",
            "tablet": "48%",
            "mobile": "48%"
          },
          "borderRadius": {
            "top": "10px",
            "right": "10px",
            "bottom": "10px",
            "left": "10px"
          }
        }
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "sectionBg": {
          "type": "solid",
          "overlayColor": "rgba(0, 0, 0, 0)",
          "position": "center center",
          "image": {
            "url": ""
          },
          "color": "#00000000",
          "gradient": "linear-gradient(135deg, #4a90e2, #2c5282)",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "tag": {
          "colors": {
            "color": "#fff",
            "bg": "#ed6a04"
          },
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 12,
              "tablet": 12,
              "mobile": 12
            },
            "fontVariant": 400,
            "fontWeight": 400,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "title": {
          "color": "#fff",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 32,
              "tablet": 32,
              "mobile": 32
            },
            "fontVariant": 400,
            "fontWeight": 700,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        }
      }
    },
    "options": {
      "type": "object",
      "default": {
        "isCardsClick": false,
        "isNewTab": false,
        "animationDuration": 3
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    },
    "alignment": {
      "type": "string",
      "default": "center"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}