rebase on oct-10-2023
This commit is contained in:
Rachit Bhargava
372
wp/wp-includes/css/dist/components/style-rtl.css
vendored
372
wp/wp-includes/css/dist/components/style-rtl.css
vendored
@@ -1,16 +1,14 @@
|
||||
@charset "UTF-8";
|
||||
:root{
|
||||
--wp-admin-theme-color:#007cba;
|
||||
--wp-admin-theme-color--rgb:0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10:#006ba1;
|
||||
--wp-admin-theme-color-darker-10--rgb:0, 107, 161;
|
||||
--wp-admin-theme-color-darker-20:#005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb:0, 90, 135;
|
||||
--wp-admin-theme-color:#3858e9;
|
||||
--wp-admin-theme-color--rgb:56, 88, 233;
|
||||
--wp-admin-theme-color-darker-10:#2145e6;
|
||||
--wp-admin-theme-color-darker-10--rgb:33, 69, 230;
|
||||
--wp-admin-theme-color-darker-20:#183ad6;
|
||||
--wp-admin-theme-color-darker-20--rgb:24, 58, 214;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
--wp-block-synced-color:#7a00df;
|
||||
--wp-block-synced-color--rgb:122, 0, 223;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
|
||||
@media (min-resolution:192dpi){
|
||||
:root{
|
||||
--wp-admin-border-width-focus:1.5px;
|
||||
}
|
||||
@@ -97,7 +95,7 @@
|
||||
width:100%;
|
||||
}
|
||||
.components-autocomplete__result.components-button.is-selected{
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
|
||||
.components-button-group{
|
||||
@@ -151,18 +149,21 @@
|
||||
transition-duration:0s;
|
||||
}
|
||||
}
|
||||
.components-button.is-next-40px-default-size{
|
||||
height:40px;
|
||||
}
|
||||
.components-button:hover,.components-button[aria-expanded=true]{
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-button[aria-disabled=true]:hover{
|
||||
color:initial;
|
||||
}
|
||||
.components-button:focus:not(:disabled){
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline:3px solid transparent;
|
||||
}
|
||||
.components-button.is-primary{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
color:var(--wp-components-color-accent-inverted, #fff);
|
||||
outline:1px solid transparent;
|
||||
text-decoration:none;
|
||||
@@ -170,68 +171,67 @@
|
||||
white-space:nowrap;
|
||||
}
|
||||
.components-button.is-primary:hover:not(:disabled){
|
||||
background:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
||||
background:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
|
||||
color:var(--wp-components-color-accent-inverted, #fff);
|
||||
}
|
||||
.components-button.is-primary:active:not(:disabled){
|
||||
background:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87));
|
||||
border-color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87));
|
||||
background:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
|
||||
border-color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
|
||||
color:var(--wp-components-color-accent-inverted, #fff);
|
||||
}
|
||||
.components-button.is-primary:focus:not(:disabled){
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
color:hsla(0,0%,100%,.4);
|
||||
opacity:1;
|
||||
outline:none;
|
||||
}
|
||||
.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{
|
||||
box-shadow:0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{
|
||||
background-image:linear-gradient(45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)) 70%);
|
||||
background-image:linear-gradient(45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%);
|
||||
background-size:100px 100%;
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
color:var(--wp-components-color-accent-inverted, #fff);
|
||||
}
|
||||
.components-button.is-secondary,.components-button.is-tertiary{
|
||||
outline:1px solid transparent;
|
||||
}
|
||||
.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){
|
||||
background:var(--wp-components-color-gray-300, #ddd);
|
||||
box-shadow:none;
|
||||
color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
||||
}
|
||||
.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
||||
color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
||||
}
|
||||
.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{
|
||||
background:#eaeaea;
|
||||
background:transparent;
|
||||
box-shadow:none;
|
||||
color:#828282;
|
||||
color:#949494;
|
||||
opacity:1;
|
||||
outline:none;
|
||||
transform:none;
|
||||
}
|
||||
.components-button.is-secondary{
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
outline:1px solid transparent;
|
||||
}
|
||||
.components-button.is-secondary,.components-button.is-tertiary{
|
||||
background:transparent;
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline:1px solid transparent;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.components-button.is-tertiary{
|
||||
padding:6px;
|
||||
.components-button.is-secondary:hover:not(:disabled){
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
|
||||
}
|
||||
.components-button.is-tertiary .dashicon{
|
||||
display:inline-block;
|
||||
flex:0 0 auto;
|
||||
.components-button.is-tertiary{
|
||||
background:transparent;
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
white-space:nowrap;
|
||||
}
|
||||
.components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true]){
|
||||
background:rgba(var(--wp-admin-theme-color--rgb), .04);
|
||||
}
|
||||
.components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){
|
||||
background:rgba(var(--wp-admin-theme-color--rgb), .08);
|
||||
}
|
||||
p+.components-button.is-tertiary{
|
||||
margin-right:-6px;
|
||||
@@ -259,7 +259,7 @@ p+.components-button.is-tertiary{
|
||||
border:0;
|
||||
border-radius:0;
|
||||
box-shadow:none;
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
height:auto;
|
||||
margin:0;
|
||||
outline:none;
|
||||
@@ -279,7 +279,7 @@ p+.components-button.is-tertiary{
|
||||
.components-button.is-link:focus{
|
||||
border-radius:2px;
|
||||
}
|
||||
.components-button:not([aria-disabled=true]):active{
|
||||
.components-button:not(:disabled,[aria-disabled=true]):active{
|
||||
color:var(--wp-components-color-foreground, #1e1e1e);
|
||||
}
|
||||
.components-button:disabled,.components-button[aria-disabled=true]{
|
||||
@@ -292,6 +292,14 @@ p+.components-button.is-tertiary{
|
||||
background-size:100px 100%;
|
||||
opacity:1;
|
||||
}
|
||||
.components-button.is-compact{
|
||||
height:32px;
|
||||
}
|
||||
.components-button.is-compact.has-icon:not(.has-text){
|
||||
min-width:32px;
|
||||
padding:0;
|
||||
width:32px;
|
||||
}
|
||||
.components-button.is-small{
|
||||
font-size:11px;
|
||||
height:24px;
|
||||
@@ -308,28 +316,28 @@ p+.components-button.is-tertiary{
|
||||
min-width:36px;
|
||||
padding:6px;
|
||||
}
|
||||
.components-button.has-icon.is-next-40px-default-size{
|
||||
min-width:40px;
|
||||
}
|
||||
.components-button.has-icon .dashicon{
|
||||
display:inline-block;
|
||||
flex:0 0 auto;
|
||||
margin-left:2px;
|
||||
margin-right:2px;
|
||||
align-items:center;
|
||||
box-sizing:content-box;
|
||||
display:inline-flex;
|
||||
justify-content:center;
|
||||
padding:2px;
|
||||
}
|
||||
.components-button.has-icon.has-text{
|
||||
gap:4px;
|
||||
justify-content:start;
|
||||
padding-left:12px;
|
||||
}
|
||||
.components-button.has-icon.has-text svg{
|
||||
margin-left:8px;
|
||||
}
|
||||
.components-button.has-icon.has-text .dashicon{
|
||||
margin-left:10px;
|
||||
padding-right:8px;
|
||||
}
|
||||
.components-button.is-pressed{
|
||||
background:var(--wp-components-color-foreground, #1e1e1e);
|
||||
color:var(--wp-components-color-foreground-inverted, #fff);
|
||||
}
|
||||
.components-button.is-pressed:focus:not(:disabled){
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline:2px solid transparent;
|
||||
}
|
||||
.components-button.is-pressed:hover:not(:disabled){
|
||||
@@ -454,12 +462,13 @@ p+.components-button.is-tertiary{
|
||||
}
|
||||
}
|
||||
.components-checkbox-control__input[type=checkbox]:focus{
|
||||
box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);
|
||||
outline:2px solid transparent;
|
||||
outline-offset:2px;
|
||||
}
|
||||
.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{
|
||||
opacity:0;
|
||||
@@ -516,6 +525,12 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
gap:12px;
|
||||
position:relative;
|
||||
z-index:1;
|
||||
}
|
||||
.components-circular-option-picker>:not(.components-circular-option-picker__swatches){
|
||||
position:relative;
|
||||
z-index:0;
|
||||
}
|
||||
|
||||
.components-circular-option-picker__option-wrapper{
|
||||
@@ -639,6 +654,7 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete
|
||||
}
|
||||
|
||||
.component-color-indicator{
|
||||
background:#fff linear-gradient(45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0);
|
||||
border-radius:50%;
|
||||
box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
|
||||
display:inline-block;
|
||||
@@ -726,67 +742,84 @@ input.components-combobox-control__input[type=text]:focus{
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.components-color-list-picker,.components-color-list-picker__swatch-button{
|
||||
width:100%;
|
||||
.components-color-palette__custom-color-wrapper{
|
||||
position:relative;
|
||||
z-index:0;
|
||||
}
|
||||
|
||||
.components-color-list-picker__color-picker{
|
||||
margin:8px 0;
|
||||
}
|
||||
|
||||
.components-color-list-picker__swatch-button{
|
||||
padding:6px;
|
||||
}
|
||||
|
||||
.components-color-list-picker__swatch-color{
|
||||
margin:2px;
|
||||
}
|
||||
|
||||
.components-color-palette__custom-color{
|
||||
.components-color-palette__custom-color-button{
|
||||
background:none;
|
||||
background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0);
|
||||
background-position:0 0, 24px 24px;
|
||||
background-size:48px 48px;
|
||||
border:none;
|
||||
border-radius:2px;
|
||||
border-radius:2px 2px 0 0;
|
||||
box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
|
||||
box-sizing:border-box;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
font-family:inherit;
|
||||
height:64px;
|
||||
outline:1px solid transparent;
|
||||
padding:12px;
|
||||
position:relative;
|
||||
width:100%;
|
||||
}
|
||||
.components-color-palette__custom-color:focus{
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
.components-color-palette__custom-color-button:focus{
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline-width:2px;
|
||||
}
|
||||
.components-color-palette__custom-color-button:after{
|
||||
background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0);
|
||||
background-position:0 0, 24px 24px;
|
||||
background-size:48px 48px;
|
||||
content:"";
|
||||
height:100%;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
.components-color-palette__custom-color-text-wrapper{
|
||||
border-radius:0 0 2px 2px;
|
||||
box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2),inset -1px 0 0 0 rgba(0,0,0,.2),inset 1px 0 0 0 rgba(0,0,0,.2);
|
||||
font-size:13px;
|
||||
padding:12px 16px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.components-color-palette__custom-color-name{
|
||||
text-align:right;
|
||||
color:var(--wp-components-color-foreground, #1e1e1e);
|
||||
margin:0 1px;
|
||||
}
|
||||
|
||||
.components-color-palette__custom-color-value{
|
||||
margin-right:16px;
|
||||
color:#757575;
|
||||
}
|
||||
.components-color-palette__custom-color-value--is-hex{
|
||||
text-transform:uppercase;
|
||||
}
|
||||
.components-color-palette__custom-color-value:empty:after{
|
||||
content:"";
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
.components-custom-gradient-picker:not(.is-next-has-no-margin){
|
||||
margin-bottom:24px;
|
||||
margin-top:12px;
|
||||
}
|
||||
|
||||
.components-custom-gradient-picker__gradient-bar:not(.has-gradient){
|
||||
opacity:.4;
|
||||
}
|
||||
|
||||
.components-custom-gradient-picker__gradient-bar{
|
||||
border-radius:2px;
|
||||
height:48px;
|
||||
position:relative;
|
||||
width:100%;
|
||||
z-index:1;
|
||||
}
|
||||
.components-custom-gradient-picker__gradient-bar.has-gradient{
|
||||
background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0);
|
||||
background-position:0 0, 12px 12px;
|
||||
background-size:24px 24px;
|
||||
}
|
||||
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background{
|
||||
inset:0;
|
||||
position:absolute;
|
||||
}
|
||||
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{
|
||||
margin-left:auto;
|
||||
@@ -855,6 +888,11 @@ input.components-combobox-control__input[type=text]:focus{
|
||||
border-radius:2px;
|
||||
}
|
||||
|
||||
.components-custom-gradient-picker__ui-line{
|
||||
position:relative;
|
||||
z-index:0;
|
||||
}
|
||||
|
||||
.components-custom-select-control{
|
||||
font-size:13px;
|
||||
position:relative;
|
||||
@@ -973,7 +1011,7 @@ body.is-dragging-components-draggable{
|
||||
|
||||
.components-drop-zone__content{
|
||||
align-items:center;
|
||||
background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
bottom:0;
|
||||
color:#fff;
|
||||
display:flex;
|
||||
@@ -995,7 +1033,7 @@ body.is-dragging-components-draggable{
|
||||
.components-drop-zone__content-icon{
|
||||
fill:currentColor;
|
||||
line-height:0;
|
||||
margin:0 auto;
|
||||
margin:0 auto 8px;
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
@@ -1095,6 +1133,22 @@ body.is-dragging-components-draggable{
|
||||
color:transparent;
|
||||
}
|
||||
|
||||
.components-color-list-picker,.components-color-list-picker__swatch-button{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.components-color-list-picker__color-picker{
|
||||
margin:8px 0;
|
||||
}
|
||||
|
||||
.components-color-list-picker__swatch-button{
|
||||
padding:6px;
|
||||
}
|
||||
|
||||
.components-color-list-picker__swatch-color{
|
||||
margin:2px;
|
||||
}
|
||||
|
||||
.components-form-toggle{
|
||||
display:inline-block;
|
||||
position:relative;
|
||||
@@ -1137,11 +1191,11 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
}
|
||||
.components-form-toggle.is-checked .components-form-toggle__track{
|
||||
background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
border:9px solid transparent;
|
||||
}
|
||||
.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{
|
||||
box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline:2px solid transparent;
|
||||
outline-offset:2px;
|
||||
}
|
||||
@@ -1181,7 +1235,6 @@ body.is-dragging-components-draggable{
|
||||
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
||||
font-size:16px;
|
||||
line-height:normal;
|
||||
margin:0 0 8px;
|
||||
padding:0;
|
||||
transition:box-shadow .1s linear;
|
||||
width:100%;
|
||||
@@ -1251,12 +1304,6 @@ body.is-dragging-components-draggable{
|
||||
width:auto;
|
||||
}
|
||||
|
||||
.components-form-token-field__help{
|
||||
color:#757575;
|
||||
font-size:12px;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
.components-form-token-field__token{
|
||||
color:#1e1e1e;
|
||||
display:flex;
|
||||
@@ -1278,7 +1325,7 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
.components-form-token-field__token.is-borderless .components-form-token-field__token-text{
|
||||
background:transparent;
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{
|
||||
background:transparent;
|
||||
@@ -1367,7 +1414,7 @@ body.is-dragging-components-draggable{
|
||||
padding:4px 8px;
|
||||
}
|
||||
.components-form-token-field__suggestion.is-selected{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
@@ -1423,7 +1470,7 @@ body.is-dragging-components-draggable{
|
||||
.components-guide__footer{
|
||||
align-content:center;
|
||||
display:flex;
|
||||
height:30px;
|
||||
height:36px;
|
||||
justify-content:center;
|
||||
margin:0 0 24px;
|
||||
padding:0 32px;
|
||||
@@ -1439,14 +1486,17 @@ body.is-dragging-components-draggable{
|
||||
margin:0;
|
||||
}
|
||||
.components-guide__page-control .components-button{
|
||||
color:#e0e0e0;
|
||||
height:30px;
|
||||
margin:-6px 0;
|
||||
min-width:20px;
|
||||
}
|
||||
.components-guide__page-control li[aria-current=step] .components-button{
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color));
|
||||
}
|
||||
|
||||
.components-modal__frame.components-guide{
|
||||
border:none;
|
||||
height:80vh;
|
||||
max-height:575px;
|
||||
min-width:312px;
|
||||
}
|
||||
@@ -1458,28 +1508,12 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
|
||||
.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{
|
||||
height:30px;
|
||||
position:absolute;
|
||||
}
|
||||
.components-button.components-guide__back-button,.components-button.components-guide__forward-button{
|
||||
font-size:13px;
|
||||
padding:4px 2px;
|
||||
}
|
||||
.components-button.components-guide__back-button.has-text svg,.components-button.components-guide__forward-button.has-text svg{
|
||||
margin:0;
|
||||
}
|
||||
.components-button.components-guide__back-button:hover,.components-button.components-guide__forward-button:hover{
|
||||
text-decoration:underline;
|
||||
}
|
||||
.components-button.components-guide__back-button{
|
||||
right:32px;
|
||||
}
|
||||
.components-button.components-guide__forward-button{
|
||||
color:#1386bf;
|
||||
font-weight:700;
|
||||
left:32px;
|
||||
}
|
||||
.components-button.components-guide__finish-button{
|
||||
.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{
|
||||
left:32px;
|
||||
}
|
||||
|
||||
@@ -1498,7 +1532,7 @@ body.is-dragging-components-draggable{
|
||||
z-index:1000000;
|
||||
}
|
||||
.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel,.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header{
|
||||
outline:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
outline:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline-offset:-4px;
|
||||
}
|
||||
|
||||
@@ -1554,7 +1588,7 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{
|
||||
background:none;
|
||||
color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
||||
color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
|
||||
opacity:.3;
|
||||
}
|
||||
|
||||
@@ -1620,35 +1654,44 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
|
||||
.components-modal__frame{
|
||||
animation:components-modal__appear-animation .1s ease-out;
|
||||
animation-fill-mode:forwards;
|
||||
background:#fff;
|
||||
border-radius:2px;
|
||||
border-radius:4px 4px 0 0;
|
||||
box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),-.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);
|
||||
display:flex;
|
||||
margin:0;
|
||||
margin:40px 0 0;
|
||||
overflow:hidden;
|
||||
width:100%;
|
||||
}
|
||||
@media (min-width:600px){
|
||||
.components-modal__frame{
|
||||
animation:components-modal__appear-animation .1s ease-out;
|
||||
animation-fill-mode:forwards;
|
||||
margin:auto;
|
||||
max-height:calc(100% - 120px);
|
||||
max-width:calc(100% - 32px);
|
||||
min-width:360px;
|
||||
width:auto;
|
||||
}
|
||||
}
|
||||
@media (min-width:600px) and (prefers-reduced-motion:reduce){
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
.components-modal__frame{
|
||||
animation-delay:0s;
|
||||
animation-duration:1ms;
|
||||
}
|
||||
}
|
||||
@media (min-width:600px){
|
||||
.components-modal__frame{
|
||||
border-radius:4px;
|
||||
margin:auto;
|
||||
max-height:calc(100% - 120px);
|
||||
max-width:calc(100% - 32px);
|
||||
min-width:350px;
|
||||
width:auto;
|
||||
}
|
||||
}
|
||||
@media (min-width:600px) and (min-width:600px){
|
||||
.components-modal__frame.is-full-screen{
|
||||
min-height:90vh;
|
||||
width:90vw;
|
||||
height:calc(100% - 32px);
|
||||
max-height:none;
|
||||
width:calc(100% - 32px);
|
||||
}
|
||||
}
|
||||
@media (min-width:600px) and (min-width:782px){
|
||||
.components-modal__frame.is-full-screen{
|
||||
height:calc(100% - 80px);
|
||||
max-width:none;
|
||||
width:calc(100% - 80px);
|
||||
}
|
||||
}
|
||||
@media (min-width:960px){
|
||||
@@ -1671,9 +1714,9 @@ body.is-dragging-components-draggable{
|
||||
box-sizing:border-box;
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
height:76px;
|
||||
height:72px;
|
||||
justify-content:space-between;
|
||||
padding:0 32px;
|
||||
padding:24px 32px 8px;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
@@ -1718,19 +1761,24 @@ body.is-dragging-components-draggable{
|
||||
|
||||
.components-modal__content{
|
||||
flex:1;
|
||||
margin-top:76px;
|
||||
margin-top:72px;
|
||||
overflow:auto;
|
||||
padding:0 32px 32px;
|
||||
padding:4px 32px 32px;
|
||||
}
|
||||
.components-modal__content.hide-header{
|
||||
margin-top:0;
|
||||
padding-top:24px;
|
||||
padding-top:32px;
|
||||
}
|
||||
.components-modal__content.is-scrollable:focus-visible{
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline:2px solid transparent;
|
||||
outline-offset:-2px;
|
||||
}
|
||||
|
||||
.components-notice{
|
||||
align-items:center;
|
||||
background-color:#fff;
|
||||
border-right:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
border-right:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
display:flex;
|
||||
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
||||
font-size:13px;
|
||||
@@ -1892,7 +1940,7 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
.components-panel__body-toggle.components-button:focus{
|
||||
border-radius:0;
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-panel__body-toggle.components-button .components-panel__arrow{
|
||||
fill:currentColor;
|
||||
@@ -2371,7 +2419,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
||||
.components-resizable-box__handle:after{
|
||||
background:#fff;
|
||||
border-radius:50%;
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
content:"";
|
||||
cursor:inherit;
|
||||
display:block;
|
||||
@@ -2384,7 +2432,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
||||
}
|
||||
|
||||
.components-resizable-box__side-handle:before{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
border-radius:2px;
|
||||
content:"";
|
||||
cursor:inherit;
|
||||
@@ -2444,7 +2492,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
||||
animation-duration:1ms;
|
||||
}
|
||||
}
|
||||
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
|
||||
@media not all and (min-resolution:0.001dpcm){
|
||||
@supports (-webkit-appearance:none){
|
||||
|
||||
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{
|
||||
@@ -2488,21 +2536,16 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
||||
bottom:-11.5px;
|
||||
}
|
||||
.components-responsive-wrapper{
|
||||
align-items:center;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
max-width:100%;
|
||||
position:relative;
|
||||
}
|
||||
.components-responsive-wrapper,.components-responsive-wrapper>span{
|
||||
display:block;
|
||||
}
|
||||
|
||||
.components-responsive-wrapper__content{
|
||||
bottom:0;
|
||||
height:100%;
|
||||
left:0;
|
||||
margin:auto;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
display:block;
|
||||
max-width:100%;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
@@ -2571,7 +2614,7 @@ body.lockscroll,html.lockscroll{
|
||||
}
|
||||
.components-search-control input[type=search].components-search-control__input:focus{
|
||||
background:#fff;
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-search-control input[type=search].components-search-control__input::placeholder{
|
||||
color:#757575;
|
||||
@@ -2584,9 +2627,11 @@ body.lockscroll,html.lockscroll{
|
||||
align-items:center;
|
||||
bottom:0;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
left:12px;
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:24px;
|
||||
}
|
||||
.components-search-control__icon>svg{
|
||||
margin:8px 0;
|
||||
@@ -2627,7 +2672,7 @@ body.lockscroll,html.lockscroll{
|
||||
}
|
||||
}
|
||||
.components-snackbar:focus{
|
||||
box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-snackbar.components-snackbar-explicit-dismiss{
|
||||
cursor:default;
|
||||
@@ -2663,7 +2708,8 @@ body.lockscroll,html.lockscroll{
|
||||
outline:1px dotted #fff;
|
||||
}
|
||||
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.components-snackbar__content{
|
||||
@@ -2713,7 +2759,7 @@ body.lockscroll,html.lockscroll{
|
||||
position:relative;
|
||||
}
|
||||
.components-tab-panel__tabs-item:after{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
border-radius:0;
|
||||
bottom:0;
|
||||
content:"";
|
||||
@@ -2754,7 +2800,7 @@ body.lockscroll,html.lockscroll{
|
||||
}
|
||||
}
|
||||
.components-tab-panel__tabs-item:focus-visible:before{
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline:2px solid transparent;
|
||||
}
|
||||
|
||||
@@ -2987,11 +3033,11 @@ div.components-toolbar>div+div.has-left-divider:before{
|
||||
}
|
||||
|
||||
.components-tooltip .components-popover__content{
|
||||
background:var(--wp-components-color-foreground, #1e1e1e);
|
||||
background:#000;
|
||||
border-radius:2px;
|
||||
border-width:0;
|
||||
box-shadow:none;
|
||||
color:var(--wp-components-color-foreground-inverted, #fff);
|
||||
color:#f0f0f0;
|
||||
font-size:12px;
|
||||
line-height:1.4;
|
||||
outline:none;
|
||||
|
||||
File diff suppressed because one or more lines are too long
372
wp/wp-includes/css/dist/components/style.css
vendored
372
wp/wp-includes/css/dist/components/style.css
vendored
@@ -1,16 +1,14 @@
|
||||
@charset "UTF-8";
|
||||
:root{
|
||||
--wp-admin-theme-color:#007cba;
|
||||
--wp-admin-theme-color--rgb:0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10:#006ba1;
|
||||
--wp-admin-theme-color-darker-10--rgb:0, 107, 161;
|
||||
--wp-admin-theme-color-darker-20:#005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb:0, 90, 135;
|
||||
--wp-admin-theme-color:#3858e9;
|
||||
--wp-admin-theme-color--rgb:56, 88, 233;
|
||||
--wp-admin-theme-color-darker-10:#2145e6;
|
||||
--wp-admin-theme-color-darker-10--rgb:33, 69, 230;
|
||||
--wp-admin-theme-color-darker-20:#183ad6;
|
||||
--wp-admin-theme-color-darker-20--rgb:24, 58, 214;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
--wp-block-synced-color:#7a00df;
|
||||
--wp-block-synced-color--rgb:122, 0, 223;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
|
||||
@media (min-resolution:192dpi){
|
||||
:root{
|
||||
--wp-admin-border-width-focus:1.5px;
|
||||
}
|
||||
@@ -97,7 +95,7 @@
|
||||
width:100%;
|
||||
}
|
||||
.components-autocomplete__result.components-button.is-selected{
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
|
||||
.components-button-group{
|
||||
@@ -151,18 +149,21 @@
|
||||
transition-duration:0s;
|
||||
}
|
||||
}
|
||||
.components-button.is-next-40px-default-size{
|
||||
height:40px;
|
||||
}
|
||||
.components-button:hover,.components-button[aria-expanded=true]{
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-button[aria-disabled=true]:hover{
|
||||
color:initial;
|
||||
}
|
||||
.components-button:focus:not(:disabled){
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline:3px solid transparent;
|
||||
}
|
||||
.components-button.is-primary{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
color:var(--wp-components-color-accent-inverted, #fff);
|
||||
outline:1px solid transparent;
|
||||
text-decoration:none;
|
||||
@@ -170,68 +171,67 @@
|
||||
white-space:nowrap;
|
||||
}
|
||||
.components-button.is-primary:hover:not(:disabled){
|
||||
background:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
||||
background:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
|
||||
color:var(--wp-components-color-accent-inverted, #fff);
|
||||
}
|
||||
.components-button.is-primary:active:not(:disabled){
|
||||
background:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87));
|
||||
border-color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87));
|
||||
background:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
|
||||
border-color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
|
||||
color:var(--wp-components-color-accent-inverted, #fff);
|
||||
}
|
||||
.components-button.is-primary:focus:not(:disabled){
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
color:hsla(0,0%,100%,.4);
|
||||
opacity:1;
|
||||
outline:none;
|
||||
}
|
||||
.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{
|
||||
box-shadow:0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{
|
||||
background-image:linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)) 70%);
|
||||
background-image:linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%);
|
||||
background-size:100px 100%;
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
color:var(--wp-components-color-accent-inverted, #fff);
|
||||
}
|
||||
.components-button.is-secondary,.components-button.is-tertiary{
|
||||
outline:1px solid transparent;
|
||||
}
|
||||
.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){
|
||||
background:var(--wp-components-color-gray-300, #ddd);
|
||||
box-shadow:none;
|
||||
color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
||||
}
|
||||
.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
||||
color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
||||
}
|
||||
.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{
|
||||
background:#eaeaea;
|
||||
background:transparent;
|
||||
box-shadow:none;
|
||||
color:#828282;
|
||||
color:#949494;
|
||||
opacity:1;
|
||||
outline:none;
|
||||
transform:none;
|
||||
}
|
||||
.components-button.is-secondary{
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
outline:1px solid transparent;
|
||||
}
|
||||
.components-button.is-secondary,.components-button.is-tertiary{
|
||||
background:transparent;
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline:1px solid transparent;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.components-button.is-tertiary{
|
||||
padding:6px;
|
||||
.components-button.is-secondary:hover:not(:disabled){
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
|
||||
}
|
||||
.components-button.is-tertiary .dashicon{
|
||||
display:inline-block;
|
||||
flex:0 0 auto;
|
||||
.components-button.is-tertiary{
|
||||
background:transparent;
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
white-space:nowrap;
|
||||
}
|
||||
.components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true]){
|
||||
background:rgba(var(--wp-admin-theme-color--rgb), .04);
|
||||
}
|
||||
.components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){
|
||||
background:rgba(var(--wp-admin-theme-color--rgb), .08);
|
||||
}
|
||||
p+.components-button.is-tertiary{
|
||||
margin-left:-6px;
|
||||
@@ -259,7 +259,7 @@ p+.components-button.is-tertiary{
|
||||
border:0;
|
||||
border-radius:0;
|
||||
box-shadow:none;
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
height:auto;
|
||||
margin:0;
|
||||
outline:none;
|
||||
@@ -279,7 +279,7 @@ p+.components-button.is-tertiary{
|
||||
.components-button.is-link:focus{
|
||||
border-radius:2px;
|
||||
}
|
||||
.components-button:not([aria-disabled=true]):active{
|
||||
.components-button:not(:disabled,[aria-disabled=true]):active{
|
||||
color:var(--wp-components-color-foreground, #1e1e1e);
|
||||
}
|
||||
.components-button:disabled,.components-button[aria-disabled=true]{
|
||||
@@ -292,6 +292,14 @@ p+.components-button.is-tertiary{
|
||||
background-size:100px 100%;
|
||||
opacity:1;
|
||||
}
|
||||
.components-button.is-compact{
|
||||
height:32px;
|
||||
}
|
||||
.components-button.is-compact.has-icon:not(.has-text){
|
||||
min-width:32px;
|
||||
padding:0;
|
||||
width:32px;
|
||||
}
|
||||
.components-button.is-small{
|
||||
font-size:11px;
|
||||
height:24px;
|
||||
@@ -308,28 +316,28 @@ p+.components-button.is-tertiary{
|
||||
min-width:36px;
|
||||
padding:6px;
|
||||
}
|
||||
.components-button.has-icon.is-next-40px-default-size{
|
||||
min-width:40px;
|
||||
}
|
||||
.components-button.has-icon .dashicon{
|
||||
display:inline-block;
|
||||
flex:0 0 auto;
|
||||
margin-left:2px;
|
||||
margin-right:2px;
|
||||
align-items:center;
|
||||
box-sizing:content-box;
|
||||
display:inline-flex;
|
||||
justify-content:center;
|
||||
padding:2px;
|
||||
}
|
||||
.components-button.has-icon.has-text{
|
||||
gap:4px;
|
||||
justify-content:start;
|
||||
padding-left:8px;
|
||||
padding-right:12px;
|
||||
}
|
||||
.components-button.has-icon.has-text svg{
|
||||
margin-right:8px;
|
||||
}
|
||||
.components-button.has-icon.has-text .dashicon{
|
||||
margin-right:10px;
|
||||
}
|
||||
.components-button.is-pressed{
|
||||
background:var(--wp-components-color-foreground, #1e1e1e);
|
||||
color:var(--wp-components-color-foreground-inverted, #fff);
|
||||
}
|
||||
.components-button.is-pressed:focus:not(:disabled){
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline:2px solid transparent;
|
||||
}
|
||||
.components-button.is-pressed:hover:not(:disabled){
|
||||
@@ -454,12 +462,13 @@ p+.components-button.is-tertiary{
|
||||
}
|
||||
}
|
||||
.components-checkbox-control__input[type=checkbox]:focus{
|
||||
box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);
|
||||
outline:2px solid transparent;
|
||||
outline-offset:2px;
|
||||
}
|
||||
.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{
|
||||
opacity:0;
|
||||
@@ -516,6 +525,12 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
gap:12px;
|
||||
position:relative;
|
||||
z-index:1;
|
||||
}
|
||||
.components-circular-option-picker>:not(.components-circular-option-picker__swatches){
|
||||
position:relative;
|
||||
z-index:0;
|
||||
}
|
||||
|
||||
.components-circular-option-picker__option-wrapper{
|
||||
@@ -639,6 +654,7 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete
|
||||
}
|
||||
|
||||
.component-color-indicator{
|
||||
background:#fff linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0);
|
||||
border-radius:50%;
|
||||
box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
|
||||
display:inline-block;
|
||||
@@ -726,67 +742,84 @@ input.components-combobox-control__input[type=text]:focus{
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.components-color-list-picker,.components-color-list-picker__swatch-button{
|
||||
width:100%;
|
||||
.components-color-palette__custom-color-wrapper{
|
||||
position:relative;
|
||||
z-index:0;
|
||||
}
|
||||
|
||||
.components-color-list-picker__color-picker{
|
||||
margin:8px 0;
|
||||
}
|
||||
|
||||
.components-color-list-picker__swatch-button{
|
||||
padding:6px;
|
||||
}
|
||||
|
||||
.components-color-list-picker__swatch-color{
|
||||
margin:2px;
|
||||
}
|
||||
|
||||
.components-color-palette__custom-color{
|
||||
.components-color-palette__custom-color-button{
|
||||
background:none;
|
||||
background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0);
|
||||
background-position:0 0, 24px 24px;
|
||||
background-size:48px 48px;
|
||||
border:none;
|
||||
border-radius:2px;
|
||||
border-radius:2px 2px 0 0;
|
||||
box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
|
||||
box-sizing:border-box;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
font-family:inherit;
|
||||
height:64px;
|
||||
outline:1px solid transparent;
|
||||
padding:12px;
|
||||
position:relative;
|
||||
width:100%;
|
||||
}
|
||||
.components-color-palette__custom-color:focus{
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
.components-color-palette__custom-color-button:focus{
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline-width:2px;
|
||||
}
|
||||
.components-color-palette__custom-color-button:after{
|
||||
background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0);
|
||||
background-position:0 0, 24px 24px;
|
||||
background-size:48px 48px;
|
||||
content:"";
|
||||
height:100%;
|
||||
left:0;
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:100%;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
.components-color-palette__custom-color-text-wrapper{
|
||||
border-radius:0 0 2px 2px;
|
||||
box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2),inset 1px 0 0 0 rgba(0,0,0,.2),inset -1px 0 0 0 rgba(0,0,0,.2);
|
||||
font-size:13px;
|
||||
padding:12px 16px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.components-color-palette__custom-color-name{
|
||||
text-align:left;
|
||||
color:var(--wp-components-color-foreground, #1e1e1e);
|
||||
margin:0 1px;
|
||||
}
|
||||
|
||||
.components-color-palette__custom-color-value{
|
||||
margin-left:16px;
|
||||
color:#757575;
|
||||
}
|
||||
.components-color-palette__custom-color-value--is-hex{
|
||||
text-transform:uppercase;
|
||||
}
|
||||
.components-color-palette__custom-color-value:empty:after{
|
||||
content:"";
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
.components-custom-gradient-picker:not(.is-next-has-no-margin){
|
||||
margin-bottom:24px;
|
||||
margin-top:12px;
|
||||
}
|
||||
|
||||
.components-custom-gradient-picker__gradient-bar:not(.has-gradient){
|
||||
opacity:.4;
|
||||
}
|
||||
|
||||
.components-custom-gradient-picker__gradient-bar{
|
||||
border-radius:2px;
|
||||
height:48px;
|
||||
position:relative;
|
||||
width:100%;
|
||||
z-index:1;
|
||||
}
|
||||
.components-custom-gradient-picker__gradient-bar.has-gradient{
|
||||
background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0);
|
||||
background-position:0 0, 12px 12px;
|
||||
background-size:24px 24px;
|
||||
}
|
||||
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background{
|
||||
inset:0;
|
||||
position:absolute;
|
||||
}
|
||||
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{
|
||||
margin-left:auto;
|
||||
@@ -855,6 +888,11 @@ input.components-combobox-control__input[type=text]:focus{
|
||||
border-radius:2px;
|
||||
}
|
||||
|
||||
.components-custom-gradient-picker__ui-line{
|
||||
position:relative;
|
||||
z-index:0;
|
||||
}
|
||||
|
||||
.components-custom-select-control{
|
||||
font-size:13px;
|
||||
position:relative;
|
||||
@@ -973,7 +1011,7 @@ body.is-dragging-components-draggable{
|
||||
|
||||
.components-drop-zone__content{
|
||||
align-items:center;
|
||||
background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
bottom:0;
|
||||
color:#fff;
|
||||
display:flex;
|
||||
@@ -995,7 +1033,7 @@ body.is-dragging-components-draggable{
|
||||
.components-drop-zone__content-icon{
|
||||
fill:currentColor;
|
||||
line-height:0;
|
||||
margin:0 auto;
|
||||
margin:0 auto 8px;
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
@@ -1095,6 +1133,22 @@ body.is-dragging-components-draggable{
|
||||
color:transparent;
|
||||
}
|
||||
|
||||
.components-color-list-picker,.components-color-list-picker__swatch-button{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.components-color-list-picker__color-picker{
|
||||
margin:8px 0;
|
||||
}
|
||||
|
||||
.components-color-list-picker__swatch-button{
|
||||
padding:6px;
|
||||
}
|
||||
|
||||
.components-color-list-picker__swatch-color{
|
||||
margin:2px;
|
||||
}
|
||||
|
||||
.components-form-toggle{
|
||||
display:inline-block;
|
||||
position:relative;
|
||||
@@ -1137,11 +1191,11 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
}
|
||||
.components-form-toggle.is-checked .components-form-toggle__track{
|
||||
background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
border:9px solid transparent;
|
||||
}
|
||||
.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{
|
||||
box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline:2px solid transparent;
|
||||
outline-offset:2px;
|
||||
}
|
||||
@@ -1181,7 +1235,6 @@ body.is-dragging-components-draggable{
|
||||
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
||||
font-size:16px;
|
||||
line-height:normal;
|
||||
margin:0 0 8px;
|
||||
padding:0;
|
||||
transition:box-shadow .1s linear;
|
||||
width:100%;
|
||||
@@ -1251,12 +1304,6 @@ body.is-dragging-components-draggable{
|
||||
width:auto;
|
||||
}
|
||||
|
||||
.components-form-token-field__help{
|
||||
color:#757575;
|
||||
font-size:12px;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
.components-form-token-field__token{
|
||||
color:#1e1e1e;
|
||||
display:flex;
|
||||
@@ -1278,7 +1325,7 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
.components-form-token-field__token.is-borderless .components-form-token-field__token-text{
|
||||
background:transparent;
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{
|
||||
background:transparent;
|
||||
@@ -1367,7 +1414,7 @@ body.is-dragging-components-draggable{
|
||||
padding:4px 8px;
|
||||
}
|
||||
.components-form-token-field__suggestion.is-selected{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
@@ -1423,7 +1470,7 @@ body.is-dragging-components-draggable{
|
||||
.components-guide__footer{
|
||||
align-content:center;
|
||||
display:flex;
|
||||
height:30px;
|
||||
height:36px;
|
||||
justify-content:center;
|
||||
margin:0 0 24px;
|
||||
padding:0 32px;
|
||||
@@ -1439,14 +1486,17 @@ body.is-dragging-components-draggable{
|
||||
margin:0;
|
||||
}
|
||||
.components-guide__page-control .components-button{
|
||||
color:#e0e0e0;
|
||||
height:30px;
|
||||
margin:-6px 0;
|
||||
min-width:20px;
|
||||
}
|
||||
.components-guide__page-control li[aria-current=step] .components-button{
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color));
|
||||
}
|
||||
|
||||
.components-modal__frame.components-guide{
|
||||
border:none;
|
||||
height:80vh;
|
||||
max-height:575px;
|
||||
min-width:312px;
|
||||
}
|
||||
@@ -1458,28 +1508,12 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
|
||||
.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{
|
||||
height:30px;
|
||||
position:absolute;
|
||||
}
|
||||
.components-button.components-guide__back-button,.components-button.components-guide__forward-button{
|
||||
font-size:13px;
|
||||
padding:4px 2px;
|
||||
}
|
||||
.components-button.components-guide__back-button.has-text svg,.components-button.components-guide__forward-button.has-text svg{
|
||||
margin:0;
|
||||
}
|
||||
.components-button.components-guide__back-button:hover,.components-button.components-guide__forward-button:hover{
|
||||
text-decoration:underline;
|
||||
}
|
||||
.components-button.components-guide__back-button{
|
||||
left:32px;
|
||||
}
|
||||
.components-button.components-guide__forward-button{
|
||||
color:#1386bf;
|
||||
font-weight:700;
|
||||
right:32px;
|
||||
}
|
||||
.components-button.components-guide__finish-button{
|
||||
.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{
|
||||
right:32px;
|
||||
}
|
||||
|
||||
@@ -1498,7 +1532,7 @@ body.is-dragging-components-draggable{
|
||||
z-index:1000000;
|
||||
}
|
||||
.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel,.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header{
|
||||
outline:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
outline:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline-offset:-4px;
|
||||
}
|
||||
|
||||
@@ -1554,7 +1588,7 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{
|
||||
background:none;
|
||||
color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1));
|
||||
color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
|
||||
opacity:.3;
|
||||
}
|
||||
|
||||
@@ -1620,35 +1654,44 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
|
||||
.components-modal__frame{
|
||||
animation:components-modal__appear-animation .1s ease-out;
|
||||
animation-fill-mode:forwards;
|
||||
background:#fff;
|
||||
border-radius:2px;
|
||||
border-radius:4px 4px 0 0;
|
||||
box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);
|
||||
display:flex;
|
||||
margin:0;
|
||||
margin:40px 0 0;
|
||||
overflow:hidden;
|
||||
width:100%;
|
||||
}
|
||||
@media (min-width:600px){
|
||||
.components-modal__frame{
|
||||
animation:components-modal__appear-animation .1s ease-out;
|
||||
animation-fill-mode:forwards;
|
||||
margin:auto;
|
||||
max-height:calc(100% - 120px);
|
||||
max-width:calc(100% - 32px);
|
||||
min-width:360px;
|
||||
width:auto;
|
||||
}
|
||||
}
|
||||
@media (min-width:600px) and (prefers-reduced-motion:reduce){
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
.components-modal__frame{
|
||||
animation-delay:0s;
|
||||
animation-duration:1ms;
|
||||
}
|
||||
}
|
||||
@media (min-width:600px){
|
||||
.components-modal__frame{
|
||||
border-radius:4px;
|
||||
margin:auto;
|
||||
max-height:calc(100% - 120px);
|
||||
max-width:calc(100% - 32px);
|
||||
min-width:350px;
|
||||
width:auto;
|
||||
}
|
||||
}
|
||||
@media (min-width:600px) and (min-width:600px){
|
||||
.components-modal__frame.is-full-screen{
|
||||
min-height:90vh;
|
||||
width:90vw;
|
||||
height:calc(100% - 32px);
|
||||
max-height:none;
|
||||
width:calc(100% - 32px);
|
||||
}
|
||||
}
|
||||
@media (min-width:600px) and (min-width:782px){
|
||||
.components-modal__frame.is-full-screen{
|
||||
height:calc(100% - 80px);
|
||||
max-width:none;
|
||||
width:calc(100% - 80px);
|
||||
}
|
||||
}
|
||||
@media (min-width:960px){
|
||||
@@ -1671,10 +1714,10 @@ body.is-dragging-components-draggable{
|
||||
box-sizing:border-box;
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
height:76px;
|
||||
height:72px;
|
||||
justify-content:space-between;
|
||||
left:0;
|
||||
padding:0 32px;
|
||||
padding:24px 32px 8px;
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:100%;
|
||||
@@ -1718,19 +1761,24 @@ body.is-dragging-components-draggable{
|
||||
|
||||
.components-modal__content{
|
||||
flex:1;
|
||||
margin-top:76px;
|
||||
margin-top:72px;
|
||||
overflow:auto;
|
||||
padding:0 32px 32px;
|
||||
padding:4px 32px 32px;
|
||||
}
|
||||
.components-modal__content.hide-header{
|
||||
margin-top:0;
|
||||
padding-top:24px;
|
||||
padding-top:32px;
|
||||
}
|
||||
.components-modal__content.is-scrollable:focus-visible{
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline:2px solid transparent;
|
||||
outline-offset:-2px;
|
||||
}
|
||||
|
||||
.components-notice{
|
||||
align-items:center;
|
||||
background-color:#fff;
|
||||
border-left:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
border-left:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
display:flex;
|
||||
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
||||
font-size:13px;
|
||||
@@ -1892,7 +1940,7 @@ body.is-dragging-components-draggable{
|
||||
}
|
||||
.components-panel__body-toggle.components-button:focus{
|
||||
border-radius:0;
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-panel__body-toggle.components-button .components-panel__arrow{
|
||||
fill:currentColor;
|
||||
@@ -2371,7 +2419,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
||||
.components-resizable-box__handle:after{
|
||||
background:#fff;
|
||||
border-radius:50%;
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
content:"";
|
||||
cursor:inherit;
|
||||
display:block;
|
||||
@@ -2384,7 +2432,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
||||
}
|
||||
|
||||
.components-resizable-box__side-handle:before{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
border-radius:2px;
|
||||
content:"";
|
||||
cursor:inherit;
|
||||
@@ -2444,7 +2492,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
||||
animation-duration:1ms;
|
||||
}
|
||||
}
|
||||
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){
|
||||
@media not all and (min-resolution:0.001dpcm){
|
||||
@supports (-webkit-appearance:none){
|
||||
|
||||
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{
|
||||
@@ -2488,21 +2536,16 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
|
||||
bottom:-11.5px;
|
||||
}
|
||||
.components-responsive-wrapper{
|
||||
align-items:center;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
max-width:100%;
|
||||
position:relative;
|
||||
}
|
||||
.components-responsive-wrapper,.components-responsive-wrapper>span{
|
||||
display:block;
|
||||
}
|
||||
|
||||
.components-responsive-wrapper__content{
|
||||
bottom:0;
|
||||
height:100%;
|
||||
left:0;
|
||||
margin:auto;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
display:block;
|
||||
max-width:100%;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
@@ -2571,7 +2614,7 @@ body.lockscroll,html.lockscroll{
|
||||
}
|
||||
.components-search-control input[type=search].components-search-control__input:focus{
|
||||
background:#fff;
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-search-control input[type=search].components-search-control__input::placeholder{
|
||||
color:#757575;
|
||||
@@ -2584,9 +2627,11 @@ body.lockscroll,html.lockscroll{
|
||||
align-items:center;
|
||||
bottom:0;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
position:absolute;
|
||||
right:12px;
|
||||
top:0;
|
||||
width:24px;
|
||||
}
|
||||
.components-search-control__icon>svg{
|
||||
margin:8px 0;
|
||||
@@ -2627,7 +2672,7 @@ body.lockscroll,html.lockscroll{
|
||||
}
|
||||
}
|
||||
.components-snackbar:focus{
|
||||
box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
}
|
||||
.components-snackbar.components-snackbar-explicit-dismiss{
|
||||
cursor:default;
|
||||
@@ -2663,7 +2708,8 @@ body.lockscroll,html.lockscroll{
|
||||
outline:1px dotted #fff;
|
||||
}
|
||||
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
|
||||
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.components-snackbar__content{
|
||||
@@ -2713,7 +2759,7 @@ body.lockscroll,html.lockscroll{
|
||||
position:relative;
|
||||
}
|
||||
.components-tab-panel__tabs-item:after{
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
border-radius:0;
|
||||
bottom:0;
|
||||
content:"";
|
||||
@@ -2754,7 +2800,7 @@ body.lockscroll,html.lockscroll{
|
||||
}
|
||||
}
|
||||
.components-tab-panel__tabs-item:focus-visible:before{
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
|
||||
outline:2px solid transparent;
|
||||
}
|
||||
|
||||
@@ -2987,11 +3033,11 @@ div.components-toolbar>div+div.has-left-divider:before{
|
||||
}
|
||||
|
||||
.components-tooltip .components-popover__content{
|
||||
background:var(--wp-components-color-foreground, #1e1e1e);
|
||||
background:#000;
|
||||
border-radius:2px;
|
||||
border-width:0;
|
||||
box-shadow:none;
|
||||
color:var(--wp-components-color-foreground-inverted, #fff);
|
||||
color:#f0f0f0;
|
||||
font-size:12px;
|
||||
line-height:1.4;
|
||||
outline:none;
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user