mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-29 12:37:57 +01:00
9aaa49f5a7
It brings with a set of iterations and follow-ups to the initial package update. It also fixes a regression that happened for interactive blocks. Props gziolo, luisherranz, cbravobernal. See #60315. Built from https://develop.svn.wordpress.org/trunk@57499 git-svn-id: http://core.svn.wordpress.org/trunk@57000 1a063a9b-81f0-0310-95a4-ce76da25c4cd
110 lines
3.3 KiB
CSS
110 lines
3.3 KiB
CSS
.wp-block-button__link{
|
|
box-sizing:border-box;
|
|
cursor:pointer;
|
|
display:inline-block;
|
|
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;
|
|
}
|
|
|
|
.wp-block-button .wp-block-button__link:where(.is-style-outline),.wp-block-button:where(.is-style-outline)>.wp-block-button__link{
|
|
border:2px solid;
|
|
padding:.667em 1.333em;
|
|
}
|
|
|
|
.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-text-color){
|
|
color:currentColor;
|
|
}
|
|
|
|
.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background){
|
|
background-color:initial;
|
|
background-image:none;
|
|
}
|
|
|
|
.wp-block-button .wp-block-button__link:where(.has-border-color){
|
|
border-width:initial;
|
|
}
|
|
.wp-block-button .wp-block-button__link:where([style*=border-top-color]){
|
|
border-top-width:medium;
|
|
}
|
|
.wp-block-button .wp-block-button__link:where([style*=border-right-color]){
|
|
border-left-width:medium;
|
|
}
|
|
.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){
|
|
border-bottom-width:medium;
|
|
}
|
|
.wp-block-button .wp-block-button__link:where([style*=border-left-color]){
|
|
border-right-width:medium;
|
|
}
|
|
.wp-block-button .wp-block-button__link:where([style*=border-style]){
|
|
border-width:initial;
|
|
}
|
|
.wp-block-button .wp-block-button__link:where([style*=border-top-style]){
|
|
border-top-width:medium;
|
|
}
|
|
.wp-block-button .wp-block-button__link:where([style*=border-right-style]){
|
|
border-left-width:medium;
|
|
}
|
|
.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){
|
|
border-bottom-width:medium;
|
|
}
|
|
.wp-block-button .wp-block-button__link:where([style*=border-left-style]){
|
|
border-right-width:medium;
|
|
} |