first commit
This commit is contained in:
151
wp-includes/blocks/button/block.json
Normal file
151
wp-includes/blocks/button/block.json
Normal file
@@ -0,0 +1,151 @@
|
||||
{
|
||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||
"apiVersion": 3,
|
||||
"name": "core/button",
|
||||
"title": "Button",
|
||||
"category": "design",
|
||||
"parent": [ "core/buttons" ],
|
||||
"description": "Prompt visitors to take action with a button-style link.",
|
||||
"keywords": [ "link" ],
|
||||
"textdomain": "default",
|
||||
"attributes": {
|
||||
"tagName": {
|
||||
"type": "string",
|
||||
"enum": [ "a", "button" ],
|
||||
"default": "a"
|
||||
},
|
||||
"type": {
|
||||
"type": "string",
|
||||
"default": "button"
|
||||
},
|
||||
"textAlign": {
|
||||
"type": "string"
|
||||
},
|
||||
"url": {
|
||||
"type": "string",
|
||||
"source": "attribute",
|
||||
"selector": "a",
|
||||
"attribute": "href",
|
||||
"role": "content"
|
||||
},
|
||||
"title": {
|
||||
"type": "string",
|
||||
"source": "attribute",
|
||||
"selector": "a,button",
|
||||
"attribute": "title",
|
||||
"role": "content"
|
||||
},
|
||||
"text": {
|
||||
"type": "rich-text",
|
||||
"source": "rich-text",
|
||||
"selector": "a,button",
|
||||
"role": "content"
|
||||
},
|
||||
"linkTarget": {
|
||||
"type": "string",
|
||||
"source": "attribute",
|
||||
"selector": "a",
|
||||
"attribute": "target",
|
||||
"role": "content"
|
||||
},
|
||||
"rel": {
|
||||
"type": "string",
|
||||
"source": "attribute",
|
||||
"selector": "a",
|
||||
"attribute": "rel",
|
||||
"role": "content"
|
||||
},
|
||||
"placeholder": {
|
||||
"type": "string"
|
||||
},
|
||||
"backgroundColor": {
|
||||
"type": "string"
|
||||
},
|
||||
"textColor": {
|
||||
"type": "string"
|
||||
},
|
||||
"gradient": {
|
||||
"type": "string"
|
||||
},
|
||||
"width": {
|
||||
"type": "number"
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"splitting": true,
|
||||
"align": false,
|
||||
"alignWide": false,
|
||||
"color": {
|
||||
"__experimentalSkipSerialization": true,
|
||||
"gradients": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"background": true,
|
||||
"text": true
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"__experimentalSkipSerialization": [
|
||||
"fontSize",
|
||||
"lineHeight",
|
||||
"fontFamily",
|
||||
"fontWeight",
|
||||
"fontStyle",
|
||||
"textTransform",
|
||||
"textDecoration",
|
||||
"letterSpacing"
|
||||
],
|
||||
"fontSize": true,
|
||||
"lineHeight": true,
|
||||
"__experimentalFontFamily": true,
|
||||
"__experimentalFontWeight": true,
|
||||
"__experimentalFontStyle": true,
|
||||
"__experimentalTextTransform": true,
|
||||
"__experimentalTextDecoration": true,
|
||||
"__experimentalLetterSpacing": true,
|
||||
"__experimentalWritingMode": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"fontSize": true
|
||||
}
|
||||
},
|
||||
"reusable": false,
|
||||
"shadow": {
|
||||
"__experimentalSkipSerialization": true
|
||||
},
|
||||
"spacing": {
|
||||
"__experimentalSkipSerialization": true,
|
||||
"padding": [ "horizontal", "vertical" ],
|
||||
"__experimentalDefaultControls": {
|
||||
"padding": true
|
||||
}
|
||||
},
|
||||
"__experimentalBorder": {
|
||||
"color": true,
|
||||
"radius": true,
|
||||
"style": true,
|
||||
"width": true,
|
||||
"__experimentalSkipSerialization": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"color": true,
|
||||
"radius": true,
|
||||
"style": true,
|
||||
"width": true
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"clientNavigation": true
|
||||
}
|
||||
},
|
||||
"styles": [
|
||||
{ "name": "fill", "label": "Fill", "isDefault": true },
|
||||
{ "name": "outline", "label": "Outline" }
|
||||
],
|
||||
"editorStyle": "wp-block-button-editor",
|
||||
"style": "wp-block-button",
|
||||
"selectors": {
|
||||
"root": ".wp-block-button .wp-block-button__link",
|
||||
"typography": {
|
||||
"writingMode": ".wp-block-button"
|
||||
}
|
||||
}
|
||||
}
|
||||
26
wp-includes/blocks/button/editor-rtl.css
Normal file
26
wp-includes/blocks/button/editor-rtl.css
Normal file
@@ -0,0 +1,26 @@
|
||||
.wp-block[data-align=center]>.wp-block-button{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right]>.wp-block-button{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.wp-block-button{
|
||||
cursor:text;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-button:focus{
|
||||
box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
|
||||
outline:2px solid #0000;
|
||||
outline-offset:-2px;
|
||||
}
|
||||
.wp-block-button[data-rich-text-placeholder]:after{
|
||||
opacity:.8;
|
||||
}
|
||||
|
||||
div[data-type="core/button"]{
|
||||
display:table;
|
||||
}
|
||||
1
wp-includes/blocks/button/editor-rtl.min.css
vendored
Normal file
1
wp-includes/blocks/button/editor-rtl.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.wp-block[data-align=center]>.wp-block-button{margin-left:auto;margin-right:auto;text-align:center}.wp-block[data-align=right]>.wp-block-button{text-align:right}.wp-block-button{cursor:text;position:relative}.wp-block-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color);outline:2px solid #0000;outline-offset:-2px}.wp-block-button[data-rich-text-placeholder]:after{opacity:.8}div[data-type="core/button"]{display:table}
|
||||
26
wp-includes/blocks/button/editor.css
Normal file
26
wp-includes/blocks/button/editor.css
Normal file
@@ -0,0 +1,26 @@
|
||||
.wp-block[data-align=center]>.wp-block-button{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right]>.wp-block-button{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.wp-block-button{
|
||||
cursor:text;
|
||||
position:relative;
|
||||
}
|
||||
.wp-block-button:focus{
|
||||
box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
|
||||
outline:2px solid #0000;
|
||||
outline-offset:-2px;
|
||||
}
|
||||
.wp-block-button[data-rich-text-placeholder]:after{
|
||||
opacity:.8;
|
||||
}
|
||||
|
||||
div[data-type="core/button"]{
|
||||
display:table;
|
||||
}
|
||||
2
wp-includes/blocks/button/editor.min.css
vendored
Normal file
2
wp-includes/blocks/button/editor.min.css
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
.wp-block[data-align=center]>.wp-block-button{margin-left:auto;margin-right:auto;text-align:center}.wp-block[data-align=right]>.wp-block-button{
|
||||
/*!rtl:ignore*/text-align:right}.wp-block-button{cursor:text;position:relative}.wp-block-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color);outline:2px solid #0000;outline-offset:-2px}.wp-block-button[data-rich-text-placeholder]:after{opacity:.8}div[data-type="core/button"]{display:table}
|
||||
79
wp-includes/blocks/button/style-rtl.css
Normal file
79
wp-includes/blocks/button/style-rtl.css
Normal file
@@ -0,0 +1,79 @@
|
||||
.wp-block-button__link{
|
||||
align-content:center;
|
||||
box-sizing:border-box;
|
||||
cursor:pointer;
|
||||
display:inline-block;
|
||||
height:100%;
|
||||
text-align:center;
|
||||
word-break:break-word;
|
||||
}
|
||||
.wp-block-button__link.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-button__link.alignright{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
:where(.wp-block-button__link){
|
||||
border-radius:9999px;
|
||||
box-shadow:none;
|
||||
padding:calc(.667em + 2px) calc(1.333em + 2px);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.wp-block-button[style*=text-decoration] .wp-block-button__link{
|
||||
text-decoration:inherit;
|
||||
}
|
||||
|
||||
.wp-block-buttons>.wp-block-button.has-custom-width{
|
||||
max-width:none;
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{
|
||||
font-size:inherit;
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-25{
|
||||
width:calc(25% - var(--wp--style--block-gap, .5em)*.75);
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-50{
|
||||
width:calc(50% - var(--wp--style--block-gap, .5em)*.5);
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-75{
|
||||
width:calc(75% - var(--wp--style--block-gap, .5em)*.25);
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-100{
|
||||
flex-basis:100%;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{
|
||||
width:25%;
|
||||
}
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{
|
||||
width:50%;
|
||||
}
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{
|
||||
width:75%;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{
|
||||
border-radius:0 !important;
|
||||
}
|
||||
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){
|
||||
border:2px solid;
|
||||
padding:.667em 1.333em;
|
||||
}
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){
|
||||
color:currentColor;
|
||||
}
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){
|
||||
background-color:initial;
|
||||
background-image:none;
|
||||
}
|
||||
1
wp-includes/blocks/button/style-rtl.min.css
vendored
Normal file
1
wp-includes/blocks/button/style-rtl.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}
|
||||
79
wp-includes/blocks/button/style.css
Normal file
79
wp-includes/blocks/button/style.css
Normal file
@@ -0,0 +1,79 @@
|
||||
.wp-block-button__link{
|
||||
align-content:center;
|
||||
box-sizing:border-box;
|
||||
cursor:pointer;
|
||||
display:inline-block;
|
||||
height:100%;
|
||||
text-align:center;
|
||||
word-break:break-word;
|
||||
}
|
||||
.wp-block-button__link.aligncenter{
|
||||
text-align:center;
|
||||
}
|
||||
.wp-block-button__link.alignright{
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
:where(.wp-block-button__link){
|
||||
border-radius:9999px;
|
||||
box-shadow:none;
|
||||
padding:calc(.667em + 2px) calc(1.333em + 2px);
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.wp-block-button[style*=text-decoration] .wp-block-button__link{
|
||||
text-decoration:inherit;
|
||||
}
|
||||
|
||||
.wp-block-buttons>.wp-block-button.has-custom-width{
|
||||
max-width:none;
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{
|
||||
width:100%;
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{
|
||||
font-size:inherit;
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-25{
|
||||
width:calc(25% - var(--wp--style--block-gap, .5em)*.75);
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-50{
|
||||
width:calc(50% - var(--wp--style--block-gap, .5em)*.5);
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-75{
|
||||
width:calc(75% - var(--wp--style--block-gap, .5em)*.25);
|
||||
}
|
||||
.wp-block-buttons>.wp-block-button.wp-block-button__width-100{
|
||||
flex-basis:100%;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{
|
||||
width:25%;
|
||||
}
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{
|
||||
width:50%;
|
||||
}
|
||||
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{
|
||||
width:75%;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{
|
||||
border-radius:0 !important;
|
||||
}
|
||||
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){
|
||||
border:2px solid;
|
||||
padding:.667em 1.333em;
|
||||
}
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){
|
||||
color:currentColor;
|
||||
}
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){
|
||||
background-color:initial;
|
||||
background-image:none;
|
||||
}
|
||||
1
wp-includes/blocks/button/style.min.css
vendored
Normal file
1
wp-includes/blocks/button/style.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}
|
||||
Reference in New Issue
Block a user