{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "name": "magazine-blocks/social-icon",
  "title": "Social Icon",
  "description": "An advanced single social icon within section block.",
  "parent": [
    "magazine-blocks/social-icons"
  ],
  "keywords": [
    "social-icon",
    "icon"
  ],
  "textdomain": "magazine-blocks",
  "supports": {
    "className": false,
    "customClassName": false
  },
  "example": {
    "attributes": {}
  },
  "attributes": {
    "clientId": {
      "type": "string"
    },
    "link": {
      "type": "object"
    },
    "icon": {
      "type": "object",
      "default": {
        "enable": true,
        "icon": "facebook"
      }
    },
    "iconSize": {
      "type": "object",
      "default": {
        "desktop": {
          "value": 14,
          "unit": "px"
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} svg { width: {{VALUE}}; height: {{VALUE}}; }"
        }
      ]
    },
    "iconColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} svg { fill: {{VALUE}}; }"
        }
      ]
    },
    "iconHoverColor": {
      "type": "string",
      "style": [
        {
          "selector": "{{WRAPPER}} a:hover svg {fill: {{VALUE}}; }"
        }
      ]
    },
    "iconBgColor": {
      "type": "object",
      "default": {
        "background": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}} a"
        }
      ]
    },
    "iconBgHoverColor": {
      "type": "object",
      "default": {
        "background": 1
      },
      "style": [
        {
          "selector": "{{WRAPPER}}:hover a"
        }
      ]
    },
    "blockHTML": {
      "type": "string",
      "default": "div"
    },
    "blockMargin": {
      "type": "object",
      "default": {
        "dimension": 1,
        "desktop": {
          "lock": true
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} { margin: {{VALUE}}; }"
        }
      ]
    },
    "blockPadding": {
      "type": "object",
      "default": {
        "dimension": 1,
        "desktop": {
          "lock": true
        }
      },
      "style": [
        {
          "selector": "{{WRAPPER}} { padding: {{VALUE}}; }"
        }
      ]
    },
    "blockZIndex": {
      "type": "number",
      "style": [
        {
          "selector": "{{WRAPPER}} { z-index: {{VALUE}}; }"
        }
      ]
    },
    "cssID": {
      "type": "string"
    },
    "hideOnDesktop": {
      "type": "boolean",
      "style": [
        {
          "selector": "@media (min-width:62em) { {{WRAPPER}} { display: none; } }"
        }
      ]
    },
    "hideOnTablet": {
      "type": "boolean",
      "style": [
        {
          "selector": "@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"
        }
      ]
    },
    "hideOnMobile": {
      "type": "boolean",
      "style": [
        {
          "selector": "@media (max-width:48em) { {{WRAPPER}} { display: none; } }"
        }
      ]
    },
    "blockCSS": {
      "type": "string"
    },
    "className": {
      "type": "string"
    }
  },
  "style": "magazine-blocks-blocks",
  "editorScript": "magazine-blocks-blocks",
  "editorStyle": "magazine-blocks-blocks-editor",
  "script": "magazine-blocks-frontend"
}