first commit
This commit is contained in:
Roman Pyrih
150
wp-includes/blocks/button/block.json
Normal file
150
wp-includes/blocks/button/block.json
Normal file
@@ -0,0 +1,150 @@
|
||||
{
|
||||
"$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"
|
||||
},
|
||||
"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",
|
||||
"textAlign",
|
||||
"fontFamily",
|
||||
"fontWeight",
|
||||
"fontStyle",
|
||||
"textTransform",
|
||||
"textDecoration",
|
||||
"letterSpacing"
|
||||
],
|
||||
"fontSize": true,
|
||||
"lineHeight": true,
|
||||
"textAlign": 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"
|
||||
}
|
||||
}
|
||||
}
|
||||
29
wp-includes/blocks/button/editor-rtl.css
Normal file
29
wp-includes/blocks/button/editor-rtl.css
Normal file
@@ -0,0 +1,29 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
.wp-block[data-align=center] > .wp-block-button {
|
||||
text-align: center;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] > .wp-block-button {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.wp-block-button {
|
||||
position: relative;
|
||||
cursor: text;
|
||||
}
|
||||
.wp-block-button:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.wp-block-button[data-rich-text-placeholder]::after {
|
||||
opacity: 0.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}
|
||||
30
wp-includes/blocks/button/editor.css
Normal file
30
wp-includes/blocks/button/editor.css
Normal file
@@ -0,0 +1,30 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
.wp-block[data-align=center] > .wp-block-button {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] > .wp-block-button {
|
||||
/*!rtl:ignore*/
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.wp-block-button {
|
||||
position: relative;
|
||||
cursor: text;
|
||||
}
|
||||
.wp-block-button:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.wp-block-button[data-rich-text-placeholder]::after {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
div[data-type="core/button"] {
|
||||
display: table;
|
||||
}
|
||||
1
wp-includes/blocks/button/editor.min.css
vendored
Normal file
1
wp-includes/blocks/button/editor.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}
|
||||
84
wp-includes/blocks/button/style-rtl.css
Normal file
84
wp-includes/blocks/button/style-rtl.css
Normal file
@@ -0,0 +1,84 @@
|
||||
.wp-block-button__link {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
word-break: break-word;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
align-content: center;
|
||||
}
|
||||
.wp-block-button__link.aligncenter {
|
||||
text-align: center;
|
||||
}
|
||||
.wp-block-button__link.alignright {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
:where(.wp-block-button__link) {
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
border-radius: 9999px;
|
||||
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||
}
|
||||
|
||||
.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, 0.5em) * 0.75);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
|
||||
width: calc(50% - var(--wp--style--block-gap, 0.5em) * 0.5);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
|
||||
width: calc(75% - var(--wp--style--block-gap, 0.5em) * 0.25);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
|
||||
width: 100%;
|
||||
flex-basis: 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.is-style-outline > .wp-block-button__link),
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline) {
|
||||
border: 2px solid currentColor;
|
||||
padding: 0.667em 1.333em;
|
||||
}
|
||||
:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)),
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)) {
|
||||
color: currentColor;
|
||||
}
|
||||
:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)),
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)) {
|
||||
background-color: transparent;
|
||||
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}
|
||||
85
wp-includes/blocks/button/style.css
Normal file
85
wp-includes/blocks/button/style.css
Normal file
@@ -0,0 +1,85 @@
|
||||
.wp-block-button__link {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
word-break: break-word;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
align-content: center;
|
||||
}
|
||||
.wp-block-button__link.aligncenter {
|
||||
text-align: center;
|
||||
}
|
||||
.wp-block-button__link.alignright {
|
||||
/*rtl:ignore*/
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
:where(.wp-block-button__link) {
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
border-radius: 9999px;
|
||||
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||
}
|
||||
|
||||
.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, 0.5em) * 0.75);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
|
||||
width: calc(50% - var(--wp--style--block-gap, 0.5em) * 0.5);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
|
||||
width: calc(75% - var(--wp--style--block-gap, 0.5em) * 0.25);
|
||||
}
|
||||
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
|
||||
width: 100%;
|
||||
flex-basis: 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.is-style-outline > .wp-block-button__link),
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline) {
|
||||
border: 2px solid currentColor;
|
||||
padding: 0.667em 1.333em;
|
||||
}
|
||||
:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)),
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)) {
|
||||
color: currentColor;
|
||||
}
|
||||
:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)),
|
||||
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)) {
|
||||
background-color: transparent;
|
||||
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