File: /home/httpd/vhosts/rajlaw.com.tw/httpdocs/wp-content/plugins/blockart-blocks/dist/button/block.json
{
"apiVersion": 2,
"$schema": "https://schemas.wp.org/trunk/block.json",
"name": "blockart/button-inner",
"title": "Button",
"description": "Redirect users to your important pages or websites by clicking button.",
"keywords": [
"button",
"icon"
],
"category": "blockart",
"textdomain": "blockart",
"parent": [
"blockart/button"
],
"supports": {
"className": false,
"customClassName": false,
"reusable": false
},
"example": {
"attributes": {}
},
"attributes": {
"clientId": {
"type": "string"
},
"width": {
"type": "object",
"style": [
{
"selector": "{{WRAPPER}} { flex-basis: {{VALUE}}%; width: {{VALUE}}%; }"
}
]
},
"alignment": {
"type": "string",
"style": [
{
"selector": "{{WRAPPER}} { text-align: {{VALUE}}; }"
}
]
},
"blockHTML": {
"type": "string",
"default": "div"
},
"link": {
"type": "object"
},
"text": {
"type": "string"
},
"style": {
"type": "string",
"default": "filled"
},
"buttonHover": {
"type": "string",
"default": "none"
},
"buttonAnimation": {
"type": "string",
"default": "none"
},
"size": {
"type": "string",
"default": "large"
},
"padding": {
"type": "object",
"default": {
"dimension": 1,
"desktop": {
"lock": true
}
},
"style": [
{
"condition": [
{
"key": "size",
"relation": "==",
"value": "custom"
},
{
"key": "style",
"relation": "!=",
"value": "plain"
},
{
"key": "style",
"relation": "!=",
"value": "link"
}
],
"selector": "{{WRAPPER}} .blockart-button-link.is-custom { padding: {{VALUE}}; }"
}
]
},
"typography": {
"type": "object",
"default": {
"typography": 1
},
"style": [
{
"selector": "{{WRAPPER}} .blockart-button-link"
}
]
},
"icon": {
"type": "object",
"default": {
"enable": false,
"icon": ""
}
},
"iconPosition": {
"type": "string",
"default": "right"
},
"iconSize": {
"type": "object",
"style": [
{
"condition": [
{
"key": "icon",
"relation": "!=",
"value": ""
}
],
"selector": "{{WRAPPER}} .blockart-button-icon .blockart-icon { width: {{VALUE}}; height: auto; }"
}
]
},
"iconGap": {
"type": "object",
"style": [
{
"condition": [
{
"key": "icon",
"relation": "!=",
"value": ""
},
{
"key": "iconPosition",
"relation": "==",
"value": "left"
}
],
"selector": "{{WRAPPER}} .blockart-button-icon { margin-right: {{VALUE}}; }"
},
{
"condition": [
{
"key": "icon",
"relation": "!=",
"value": ""
},
{
"key": "iconPosition",
"relation": "==",
"value": "right"
}
],
"selector": "{{WRAPPER}} .blockart-button-icon { margin-left: {{VALUE}}; }"
}
]
},
"color1": {
"type": "string",
"default": "#fff",
"style": [
{
"condition": [
{
"key": "style",
"relation": "==",
"value": "filled"
}
],
"selector": "{{WRAPPER}} .blockart-button-link { color: {{VALUE}}; }{{WRAPPER}} .blockart-button-icon .blockart-icon { fill: {{VALUE}}; }"
}
]
},
"color2": {
"type": "string",
"default": "#2563EB",
"style": [
{
"condition": [
{
"key": "style",
"relation": "!=",
"value": "filled"
}
],
"selector": "{{WRAPPER}} .blockart-button-link{ color: {{VALUE}}; }{{WRAPPER}} .blockart-button-icon .blockart-icon { fill: {{VALUE}}; }"
}
]
},
"hoverColor1": {
"type": "string",
"default": "",
"style": [
{
"condition": [
{
"key": "style",
"relation": "==",
"value": "filled"
}
],
"selector": "{{WRAPPER}} .blockart-button-link:hover { color: {{VALUE}} }{{WRAPPER}} .blockart-button-link:hover .blockart-button-icon .blockart-icon { fill: {{VALUE}} }{{WRAPPER}} .blockart-button-link:focus { color: {{VALUE}} }{{WRAPPER}} .blockart-button-link:focus .blockart-button-icon .blockart-icon { fill: {{VALUE}} }{{WRAPPER}} .blockart-button-link:active { color: {{VALUE}} }{{WRAPPER}} .blockart-button-link:active .blockart-button-icon .blockart-icon { fill: {{VALUE}} }"
}
]
},
"hoverColor2": {
"type": "string",
"default": "",
"style": [
{
"condition": [
{
"key": "style",
"relation": "!=",
"value": "filled"
}
],
"selector": "{{WRAPPER}} .blockart-button-link:hover { color: {{VALUE}} }{{WRAPPER}} .blockart-button-link:hover .blockart-button-icon .blockart-icon { fill: {{VALUE}} }{{WRAPPER}} .blockart-button-link:focus { color: {{VALUE}} }{{WRAPPER}} .blockart-button-link:focus .blockart-button-icon .blockart-icon { fill: {{VALUE}} }{{WRAPPER}} .blockart-button-link:active { color: {{VALUE}} }{{WRAPPER}} .blockart-button-link:active .blockart-button-icon .blockart-icon { fill: {{VALUE}} }"
}
]
},
"background1": {
"type": "object",
"default": {
"background": 1,
"type": "color",
"color": "#2563eb"
},
"style": [
{
"condition": [
{
"key": "style",
"relation": "==",
"value": "filled"
}
],
"selector": "{{WRAPPER}} .blockart-button-link"
}
]
},
"background2": {
"type": "object",
"default": {
"background": 1
},
"style": [
{
"condition": [
{
"key": "style",
"relation": "==",
"value": "outline"
}
],
"selector": "{{WRAPPER}} .blockart-button-link.is-style-outline"
}
]
},
"hoverBackground1": {
"type": "object",
"default": {
"background": 1
},
"style": [
{
"condition": [
{
"key": "style",
"relation": "==",
"value": "filled"
}
],
"selector": "{{WRAPPER}} .blockart-button-link:hover, {{WRAPPER}} .blockart-button-link:focus, {{WRAPPER}} .blockart-button-link:active"
}
]
},
"hoverBackground2": {
"type": "object",
"default": {
"background": 1
},
"style": [
{
"condition": [
{
"key": "style",
"relation": "==",
"value": "outline"
}
],
"selector": "{{WRAPPER}} .blockart-button-link.is-style-outline:hover, {{WRAPPER}} .blockart-button-link.is-style-outline:focus, {{WRAPPER}} .blockart-button-link.is-style-outline:active"
}
]
},
"border1": {
"type": "object",
"default": {
"border": 1,
"radius": {
"desktop": {
"lock": true
}
},
"size": {
"desktop": {
"lock": true
}
}
},
"style": [
{
"condition": [
{
"key": "style",
"relation": "==",
"value": "filled"
}
],
"selector": "{{WRAPPER}} .blockart-button-link"
}
]
},
"hoverBorder1": {
"type": "object",
"default": {
"border": 1,
"radius": {
"desktop": {
"lock": true
}
},
"size": {
"desktop": {
"lock": true
}
}
},
"style": [
{
"condition": [
{
"key": "style",
"relation": "==",
"value": "filled"
}
],
"selector": "{{WRAPPER}} .blockart-button-link:hover, {{WRAPPER}} .blockart-button-link:focus, {{WRAPPER}} .blockart-button-link:active"
}
]
},
"border2": {
"type": "object",
"default": {
"border": 1,
"color": "#2563EB",
"type": "solid",
"radius": {
"desktop": {
"top": 2,
"right": 2,
"bottom": 2,
"left": 2,
"unit": "px",
"lock": true
}
},
"size": {
"desktop": {
"top": 1,
"right": 1,
"bottom": 1,
"left": 1,
"unit": "px",
"lock": true
}
}
},
"style": [
{
"condition": [
{
"key": "style",
"relation": "==",
"value": "outline"
}
],
"selector": "{{WRAPPER}} .blockart-button-link"
}
]
},
"hoverBorder2": {
"type": "object",
"default": {
"border": 1,
"radius": {
"desktop": {
"lock": true
}
},
"size": {
"desktop": {
"lock": true
}
}
},
"style": [
{
"condition": [
{
"key": "style",
"relation": "==",
"value": "outline"
}
],
"selector": "{{WRAPPER}} .blockart-button-link:hover, {{WRAPPER}} .blockart-button-link:focus, {{WRAPPER}} .blockart-button-link:active"
}
]
},
"positionProperty": {
"type": "object",
"default": {
"positionProperty": 1,
"position": "none"
},
"style": [
{
"selector": "{{WRAPPER}}"
}
]
},
"boxShadow": {
"type": "object",
"default": {
"boxShadow": 1
},
"style": [
{
"selector": "{{WRAPPER}} .blockart-button-link"
}
]
},
"boxShadowHover": {
"type": "object",
"default": {
"boxShadow": 1
},
"style": [
{
"selector": "{{WRAPPER}} .blockart-button-link:hover, {{WRAPPER}} .blockart-button-link:focus, {{WRAPPER}} .blockart-button-link:active"
}
]
},
"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}}; }"
}
]
},
"blockOpacity": {
"type": "number",
"style": [
{
"selector": "{{WRAPPER}} { opacity: {{VALUE}}; }"
}
]
},
"cssID": {
"type": "string"
},
"animation": {
"type": "string"
},
"interaction": {
"type": "object"
},
"position": {
"type": "object"
},
"hideOnDesktop": {
"type": "boolean",
"style": [
{
"selector": "@media (min-width:62em) { {{WRAPPER}} { display: none !important; } }"
}
]
},
"hideOnTablet": {
"type": "boolean",
"style": [
{
"selector": "@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none !important; } }"
}
]
},
"hideOnMobile": {
"type": "boolean",
"style": [
{
"selector": "@media (max-width:48em) { {{WRAPPER}} { display: none !important; } }"
}
]
},
"colReverseOnTablet": {
"type": "boolean",
"style": [
{
"selector": "@media (max-width:62em) { {{WRAPPER}} > .blockart-container > .blockart-section-inner { flex-direction:column-reverse; } }"
}
]
},
"colReverseOnMobile": {
"type": "boolean",
"style": [
{
"selector": "@media (max-width:48em) { {{WRAPPER}} > .blockart-container > .blockart-section-inner { flex-direction:column-reverse; } }"
}
]
},
"blockCSS": {
"type": "string"
},
"className": {
"type": "string"
}
},
"style": "blockart-blocks",
"editorScript": "blockart-blocks",
"editorStyle": "blockart-blocks-editor",
"viewScript": "blockart-frontend-common"
}