init
This commit is contained in:
nguyen dung
91
wp-includes/blocks/button/block.json
Normal file
91
wp-includes/blocks/button/block.json
Normal file
@@ -0,0 +1,91 @@
|
||||
{
|
||||
"apiVersion": 2,
|
||||
"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": {
|
||||
"url": {
|
||||
"type": "string",
|
||||
"source": "attribute",
|
||||
"selector": "a",
|
||||
"attribute": "href"
|
||||
},
|
||||
"title": {
|
||||
"type": "string",
|
||||
"source": "attribute",
|
||||
"selector": "a",
|
||||
"attribute": "title"
|
||||
},
|
||||
"text": {
|
||||
"type": "string",
|
||||
"source": "html",
|
||||
"selector": "a"
|
||||
},
|
||||
"linkTarget": {
|
||||
"type": "string",
|
||||
"source": "attribute",
|
||||
"selector": "a",
|
||||
"attribute": "target"
|
||||
},
|
||||
"rel": {
|
||||
"type": "string",
|
||||
"source": "attribute",
|
||||
"selector": "a",
|
||||
"attribute": "rel"
|
||||
},
|
||||
"placeholder": {
|
||||
"type": "string"
|
||||
},
|
||||
"backgroundColor": {
|
||||
"type": "string"
|
||||
},
|
||||
"textColor": {
|
||||
"type": "string"
|
||||
},
|
||||
"gradient": {
|
||||
"type": "string"
|
||||
},
|
||||
"width": {
|
||||
"type": "number"
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": true,
|
||||
"alignWide": false,
|
||||
"color": {
|
||||
"__experimentalSkipSerialization": true,
|
||||
"gradients": true
|
||||
},
|
||||
"typography": {
|
||||
"fontSize": true,
|
||||
"__experimentalFontFamily": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"fontSize": true
|
||||
}
|
||||
},
|
||||
"reusable": false,
|
||||
"spacing": {
|
||||
"__experimentalSkipSerialization": true,
|
||||
"padding": [ "horizontal", "vertical" ],
|
||||
"__experimentalDefaultControls": {
|
||||
"padding": true
|
||||
}
|
||||
},
|
||||
"__experimentalBorder": {
|
||||
"radius": true,
|
||||
"__experimentalSkipSerialization": true
|
||||
},
|
||||
"__experimentalSelector": ".wp-block-button__link"
|
||||
},
|
||||
"styles": [
|
||||
{ "name": "fill", "label": "Fill", "isDefault": true },
|
||||
{ "name": "outline", "label": "Outline" }
|
||||
],
|
||||
"editorStyle": "wp-block-button-editor",
|
||||
"style": "wp-block-button"
|
||||
}
|
||||
142
wp-includes/blocks/button/editor-rtl.css
Normal file
142
wp-includes/blocks/button/editor-rtl.css
Normal file
@@ -0,0 +1,142 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
.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:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after {
|
||||
color: #fff;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
.wp-block-button__inline-link {
|
||||
color: #757575;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
max-width: 290px;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 290px;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-button__inline-link {
|
||||
max-width: 260px;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 260px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 960px) {
|
||||
.wp-block-button__inline-link {
|
||||
max-width: 290px;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 290px;
|
||||
}
|
||||
}
|
||||
.is-selected .wp-block-button__inline-link {
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.wp-button-label__width .components-button-group {
|
||||
display: block;
|
||||
}
|
||||
.wp-button-label__width .components-base-control__field {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
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{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:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]:after{color:#fff}.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:.8}.wp-block-button__inline-link{color:#757575;height:0;overflow:hidden;max-width:290px}.wp-block-button__inline-link-input__suggestions{max-width:290px}@media (min-width:782px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:260px}}@media (min-width:960px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:290px}}.is-selected .wp-block-button__inline-link{height:auto;overflow:visible}.wp-button-label__width .components-button-group{display:block}.wp-button-label__width .components-base-control__field{margin-bottom:12px}div[data-type="core/button"]{display:table}
|
||||
143
wp-includes/blocks/button/editor.css
Normal file
143
wp-includes/blocks/button/editor.css
Normal file
@@ -0,0 +1,143 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
.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:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after {
|
||||
color: #fff;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
.wp-block-button__inline-link {
|
||||
color: #757575;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
max-width: 290px;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 290px;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-button__inline-link {
|
||||
max-width: 260px;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 260px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 960px) {
|
||||
.wp-block-button__inline-link {
|
||||
max-width: 290px;
|
||||
}
|
||||
.wp-block-button__inline-link-input__suggestions {
|
||||
max-width: 290px;
|
||||
}
|
||||
}
|
||||
.is-selected .wp-block-button__inline-link {
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.wp-button-label__width .components-button-group {
|
||||
display: block;
|
||||
}
|
||||
.wp-button-label__width .components-base-control__field {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
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{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:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]:after{color:#fff}.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:.8}.wp-block-button__inline-link{color:#757575;height:0;overflow:hidden;max-width:290px}.wp-block-button__inline-link-input__suggestions{max-width:290px}@media (min-width:782px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:260px}}@media (min-width:960px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:290px}}.is-selected .wp-block-button__inline-link{height:auto;overflow:visible}.wp-button-label__width .components-button-group{display:block}.wp-button-label__width .components-base-control__field{margin-bottom:12px}div[data-type="core/button"]{display:table}
|
||||
158
wp-includes/blocks/button/style-rtl.css
Normal file
158
wp-includes/blocks/button/style-rtl.css
Normal file
@@ -0,0 +1,158 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
.wp-block-button__link {
|
||||
color: #fff;
|
||||
background-color: #32373c;
|
||||
border-radius: 9999px;
|
||||
box-shadow: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 1.125em;
|
||||
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
word-break: break-word;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-block-button__link.aligncenter {
|
||||
text-align: center;
|
||||
}
|
||||
.wp-block-button__link.alignright {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.is-style-outline > :where(.wp-block-button__link),
|
||||
:where(.wp-block-button__link).is-style-outline {
|
||||
border: 2px solid currentColor;
|
||||
padding: 0.667em 1.333em;
|
||||
}
|
||||
|
||||
.is-style-outline > .wp-block-button__link:not(.has-text-color),
|
||||
.wp-block-button__link.is-style-outline:not(.has-text-color) {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.is-style-outline > .wp-block-button__link:not(.has-background),
|
||||
.wp-block-button__link.is-style-outline:not(.has-background) {
|
||||
background-color: transparent;
|
||||
}
|
||||
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{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-align:center;text-decoration:none;word-break:break-word;box-sizing:border-box}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.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)*0.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*0.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .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}.is-style-outline>:where(.wp-block-button__link),:where(.wp-block-button__link).is-style-outline{border:2px solid;padding:.667em 1.333em}.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color){color:currentColor}.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background){background-color:transparent}
|
||||
159
wp-includes/blocks/button/style.css
Normal file
159
wp-includes/blocks/button/style.css
Normal file
@@ -0,0 +1,159 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
.wp-block-button__link {
|
||||
color: #fff;
|
||||
background-color: #32373c;
|
||||
border-radius: 9999px;
|
||||
box-shadow: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 1.125em;
|
||||
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
word-break: break-word;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
|
||||
color: #fff;
|
||||
}
|
||||
.wp-block-button__link.aligncenter {
|
||||
text-align: center;
|
||||
}
|
||||
.wp-block-button__link.alignright {
|
||||
/*rtl:ignore*/
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.is-style-outline > :where(.wp-block-button__link),
|
||||
:where(.wp-block-button__link).is-style-outline {
|
||||
border: 2px solid currentColor;
|
||||
padding: 0.667em 1.333em;
|
||||
}
|
||||
|
||||
.is-style-outline > .wp-block-button__link:not(.has-text-color),
|
||||
.wp-block-button__link.is-style-outline:not(.has-text-color) {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.is-style-outline > .wp-block-button__link:not(.has-background),
|
||||
.wp-block-button__link.is-style-outline:not(.has-background) {
|
||||
background-color: transparent;
|
||||
}
|
||||
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{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-align:center;text-decoration:none;word-break:break-word;box-sizing:border-box}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.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)*0.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*0.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .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}.is-style-outline>:where(.wp-block-button__link),:where(.wp-block-button__link).is-style-outline{border:2px solid;padding:.667em 1.333em}.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color){color:currentColor}.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background){background-color:transparent}
|
||||
Reference in New Issue
Block a user