{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "name": "blockart/socials",
    "title": "Social Share",
    "description": "Share your content through different platforms.",
    "keywords": [
      "social share",
      "social"
    ],
    "category": "blockart",
    "textdomain": "blockart",
    "supports": {
      "className": false,
      "customClassName": false
    },
    "example": {
      "attributes": {}
    },
    "attributes": {
      "clientId": {
        "type": "string"
      },
      "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; } }"
          }
        ]
      },
      "className": {
        "type": "string"
      },
      "display": {
        "type": "string",
        "default": "horizontal"
      },
      "alignment": {
        "type": "object",
        "style": [
          {
            "selector": ".blockart-socials{{WRAPPER}} {text-align: {{VALUE}}; justify-content: {{VALUE}}; }"
          }
        ]
      },
      "stackOn":{
        "type":"string",
        "default": "none"
      },
      "presets":{
        "type":"string"
      },
      "size":{
        "type":"string",
        "style": [
          {
            "selector": ".blockart-socials{{WRAPPER}} .blockart-social-source-wrap svg { height:auto; width: {{VALUE}}px; }"
          }
        ]
      },
      "bgSize":{
        "type":"string",
        "style": [
          {
            "selector": ".blockart-socials{{WRAPPER}} .blockart-social-inner {padding: {{VALUE}}px; }"
          }
        ]
      },
      "radius":{
        "type":"string",
        "style": [
          {
            "selector": ".blockart-socials{{WRAPPER}} .blockart-social-link {border-radius: {{VALUE}}px; }"
          }
        ]
      },
      "color": {
        "type": "string",
        "style": [
          {
            "selector": ".blockart-socials{{WRAPPER}} .blockart-social-link svg {fill: {{VALUE}}; }"
          }
        ]
      },
      "hoverColor": {
        "type": "string",
        "style": [
          {
            "selector": ".blockart-socials{{WRAPPER}} .blockart-social-link svg:hover {fill: {{VALUE}}; }"
          }
        ]
      },
      "background": {
        "type": "object",
        "default": {
          "background": 1
        },
        "style": [
          {
            "selector": ".blockart-socials{{WRAPPER}} .blockart-social-inner"
          }
        ]
      },
      "hoverBackground": {
        "type": "object",
        "default": {
          "background": 1
        },
        "style": [
          {
            "selector": ".blockart-socials{{WRAPPER}}  .blockart-social-inner:hover"
          }
        ]
      },
      "iconGap": {
        "type": "object",
        "style": [
          {
            "selector": ".blockart-socials{{WRAPPER}} .blockart-social-inner {margin-left: calc({{VALUE}}px/2); margin-right: calc({{VALUE}}px/2); }"
          }
        ]
      }
    },
    "style": "blockart-blocks",
    "editorScript": "blockart-blocks",
    "editorStyle": "blockart-blocks-editor"
  }