summaryrefslogtreecommitdiffstats
path: root/wp-includes/css/dist/components/style-rtl.css
diff options
context:
space:
mode:
Diffstat (limited to 'wp-includes/css/dist/components/style-rtl.css')
-rw-r--r--wp-includes/css/dist/components/style-rtl.css451
1 files changed, 231 insertions, 220 deletions
diff --git a/wp-includes/css/dist/components/style-rtl.css b/wp-includes/css/dist/components/style-rtl.css
index 28e5bf3..3b21b81 100644
--- a/wp-includes/css/dist/components/style-rtl.css
+++ b/wp-includes/css/dist/components/style-rtl.css
@@ -160,12 +160,12 @@
}
.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, #3858e9));
- outline:3px solid transparent;
+ outline:3px solid #0000;
}
.components-button.is-primary{
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color:var(--wp-components-color-accent-inverted, #fff);
- outline:1px solid transparent;
+ outline:1px solid #0000;
text-decoration:none;
text-shadow:none;
white-space:nowrap;
@@ -185,7 +185,7 @@
.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, #3858e9));
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
- color:hsla(0,0%,100%,.4);
+ color:#fff6;
opacity:1;
outline:none;
}
@@ -199,31 +199,32 @@
color:var(--wp-components-color-accent-inverted, #fff);
}
.components-button.is-secondary,.components-button.is-tertiary{
- outline:1px solid transparent;
+ outline:1px solid #0000;
}
.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){
box-shadow:none;
}
.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:transparent;
- box-shadow:none;
+ background:#0000;
color:#949494;
opacity:1;
- outline:none;
transform:none;
}
.components-button.is-secondary{
- background:transparent;
+ background:#0000;
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;
+ outline:1px solid #0000;
white-space:nowrap;
}
-.components-button.is-secondary:hover:not(:disabled){
+.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true]){
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-secondary:disabled:not(:focus),.components-button.is-secondary[aria-disabled=true]:hover:not(:focus),.components-button.is-secondary[aria-disabled=true]:not(:focus){
+ box-shadow:inset 0 0 0 1px #ddd;
+}
.components-button.is-tertiary{
- background:transparent;
+ background:#0000;
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
white-space:nowrap;
}
@@ -236,6 +237,10 @@
p+.components-button.is-tertiary{
margin-right:-6px;
}
+.components-button.is-tertiary:disabled:not(:focus),.components-button.is-tertiary[aria-disabled=true]:hover:not(:focus),.components-button.is-tertiary[aria-disabled=true]:not(:focus){
+ box-shadow:none;
+ outline:none;
+}
.components-button.is-destructive{
--wp-components-color-accent:#cc1818;
--wp-components-color-accent-darker-10:#9e1313;
@@ -291,6 +296,11 @@ p+.components-button.is-tertiary{
background-size:100px 100%;
opacity:1;
}
+@media (prefers-reduced-motion:reduce){
+ .components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{
+ animation-duration:0s;
+ }
+}
.components-button.is-compact{
height:32px;
}
@@ -320,7 +330,7 @@ p+.components-button.is-tertiary{
}
.components-button.has-icon .dashicon{
align-items:center;
- box-sizing:content-box;
+ box-sizing:initial;
display:inline-flex;
justify-content:center;
padding:2px;
@@ -337,7 +347,7 @@ p+.components-button.is-tertiary{
}
.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, #3858e9));
- outline:2px solid transparent;
+ outline:2px solid #0000;
}
.components-button.is-pressed:hover:not(:disabled){
background:var(--wp-components-color-foreground, #1e1e1e);
@@ -367,7 +377,7 @@ p+.components-button.is-tertiary{
background:#fff;
border:1px solid #1e1e1e;
border-radius:2px;
- box-shadow:0 0 0 transparent;
+ box-shadow:0 0 0 #0000;
clear:none;
color:#1e1e1e;
cursor:pointer;
@@ -399,14 +409,14 @@ p+.components-button.is-tertiary{
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
}
.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
.components-checkbox-control__input[type=checkbox]::-moz-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
opacity:1;
}
.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
.components-checkbox-control__input[type=checkbox]:focus{
box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
@@ -432,15 +442,15 @@ p+.components-button.is-tertiary{
border-color:var(--wp-admin-theme-color);
}
.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
- speak:none;
- -webkit-font-smoothing:antialiased;
- -moz-osx-font-smoothing:grayscale;
content:"";
display:inline-block;
float:right;
font:normal 30px/1 dashicons;
vertical-align:middle;
width:16px;
+ speak:none;
+ -webkit-font-smoothing:antialiased;
+ -moz-osx-font-smoothing:grayscale;
}
@media (min-width:782px){
.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
@@ -448,6 +458,12 @@ p+.components-button.is-tertiary{
font-size:21px;
}
}
+.components-checkbox-control__input[type=checkbox]:disabled,.components-checkbox-control__input[type=checkbox][aria-disabled=true]{
+ background:#f0f0f0;
+ border-color:#ddd;
+ cursor:default;
+ opacity:1;
+}
@media (min-width:600px){
.components-checkbox-control__input[type=checkbox]{
height:20px;
@@ -462,7 +478,7 @@ p+.components-button.is-tertiary{
}
.components-checkbox-control__input[type=checkbox]:focus{
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:2px solid #0000;
outline-offset:2px;
}
.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{
@@ -556,7 +572,7 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete
}
.components-circular-option-picker__option-wrapper:before{
- background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23555D65' d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555D65' d='M18 18v2h-2v-2h2z'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' clip-rule='evenodd'/%3E%3C/svg%3E");
+ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23555D65' d='M6 8V6H4v2zm2 0V6h2v2zm2 8H8v-2h2zm2 0v-2h2v2zm0 2v-2h-2v2H8v2h2v-2zm2 0v2h-2v-2zm2 0h-2v-2h2z'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2zm-2-4v-2h2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555D65' d='M18 18v2h-2v-2z'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2zm0 2v-2H6v2zm2 0v-2h2v2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4zm0 4V2H2v2zm2 0V2h2v2zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2z' clip-rule='evenodd'/%3E%3C/svg%3E");
border-radius:50%;
bottom:1px;
content:"";
@@ -568,7 +584,7 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete
}
.components-circular-option-picker__option{
- background:transparent;
+ background:#0000;
border:none;
border-radius:50%;
box-shadow:inset 0 0 0 14px;
@@ -588,13 +604,13 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete
.components-circular-option-picker__option:hover{
box-shadow:inset 0 0 0 14px !important;
}
-.components-circular-option-picker__option.is-pressed{
+.components-circular-option-picker__option[aria-pressed=true],.components-circular-option-picker__option[aria-selected=true]{
box-shadow:inset 0 0 0 4px;
overflow:visible;
position:relative;
z-index:1;
}
-.components-circular-option-picker__option.is-pressed+svg{
+.components-circular-option-picker__option[aria-pressed=true]+svg,.components-circular-option-picker__option[aria-selected=true]+svg{
border-radius:50%;
pointer-events:none;
position:absolute;
@@ -603,10 +619,10 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete
z-index:2;
}
.components-circular-option-picker__option:after{
- border:1px solid transparent;
+ border:1px solid #0000;
border-radius:50%;
bottom:-1px;
- box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
+ box-shadow:inset 0 0 0 1px #0003;
box-sizing:inherit;
content:"";
left:-1px;
@@ -627,7 +643,7 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete
width:calc(100% + 4px);
}
.components-circular-option-picker__option.components-button:focus{
- background-color:transparent;
+ background-color:initial;
box-shadow:inset 0 0 0 14px;
outline:none;
}
@@ -646,7 +662,7 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete
.components-palette-edit__popover-gradient-picker{
padding:8px;
- width:280px;
+ width:260px;
}
.components-dropdown-menu__menu .components-palette-edit__menu-button{
@@ -654,9 +670,9 @@ 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);
+ background:#fff linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
border-radius:50%;
- box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
+ box-shadow:inset 0 0 0 1px #0003;
display:inline-block;
height:20px;
padding:0;
@@ -692,7 +708,7 @@ input.components-combobox-control__input[type=text]:focus{
align-items:flex-start;
border:1px solid #949494;
border-radius:2px;
- box-shadow:0 0 0 transparent;
+ box-shadow:0 0 0 #0000;
display:flex;
flex-wrap:wrap;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
@@ -717,22 +733,22 @@ input.components-combobox-control__input[type=text]:focus{
.components-combobox-control__suggestions-container:focus{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
- outline:2px solid transparent;
+ outline:2px solid #0000;
}
.components-combobox-control__suggestions-container::-webkit-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
.components-combobox-control__suggestions-container::-moz-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
opacity:1;
}
.components-combobox-control__suggestions-container:-ms-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
.components-combobox-control__suggestions-container:focus-within{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
- outline:2px solid transparent;
+ outline:2px solid #0000;
}
.components-combobox-control__reset.components-button{
@@ -751,11 +767,11 @@ input.components-combobox-control__input[type=text]:focus{
background:none;
border:none;
border-radius:2px 2px 0 0;
- box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
+ box-shadow:inset 0 0 0 1px #0003;
box-sizing:border-box;
cursor:pointer;
height:64px;
- outline:1px solid transparent;
+ outline:1px solid #0000;
position:relative;
width:100%;
}
@@ -764,7 +780,7 @@ input.components-combobox-control__input[type=text]:focus{
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-image:repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0);
background-position:0 0, 24px 24px;
background-size:48px 48px;
content:"";
@@ -778,7 +794,7 @@ input.components-combobox-control__input[type=text]:focus{
.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);
+ box-shadow:inset 0 -1px 0 0 #0003,inset -1px 0 0 0 #0003,inset 1px 0 0 0 #0003;
font-size:13px;
padding:12px 16px;
position:relative;
@@ -800,11 +816,6 @@ input.components-combobox-control__input[type=text]:focus{
visibility:hidden;
}
-.components-custom-gradient-picker:not(.is-next-has-no-margin){
- margin-bottom:24px;
- margin-top:12px;
-}
-
.components-custom-gradient-picker__gradient-bar{
border-radius:2px;
height:48px;
@@ -813,7 +824,7 @@ input.components-combobox-control__input[type=text]:focus{
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-image:repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0);
background-position:0 0, 12px 12px;
background-size:24px 24px;
}
@@ -850,15 +861,15 @@ input.components-combobox-control__input[type=text]:focus{
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{
border-radius:50%;
- box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0,0,0,.25);
+ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 #00000040;
height:inherit;
- outline:2px solid transparent;
+ outline:2px solid #0000;
padding:0;
width:inherit;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{
- box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff, 0 0 2px 0 rgba(0,0,0,.25);
- outline:1.5px solid transparent;
+ box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff, 0 0 2px 0 #00000040;
+ outline:1.5px solid #0000;
}
.components-custom-gradient-picker__remove-control-point-wrapper{
@@ -935,7 +946,7 @@ input.components-combobox-control__input[type=text]:focus{
list-style-type:none;
padding:8px 16px;
}
-.components-custom-select-control__item:not(.is-next-36px-default-size){
+.components-custom-select-control__item:not(.is-next-40px-default-size){
padding:8px;
}
.components-custom-select-control__item.has-hint{
@@ -986,7 +997,7 @@ body.is-dragging-components-draggable{
}
.components-draggable__clone{
- background:transparent;
+ background:#0000;
padding:0;
pointer-events:none;
position:fixed;
@@ -1031,9 +1042,9 @@ body.is-dragging-components-draggable{
}
.components-drop-zone__content-icon{
- fill:currentColor;
line-height:0;
margin:0 auto 8px;
+ fill:currentColor;
pointer-events:none;
}
@@ -1053,6 +1064,10 @@ body.is-dragging-components-draggable{
white-space:nowrap;
}
+.components-dropdown-menu__toggle{
+ vertical-align:top;
+}
+
.components-dropdown-menu__menu{
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
@@ -1073,7 +1088,7 @@ body.is-dragging-components-draggable{
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{
background-color:#ddd;
- box-sizing:content-box;
+ box-sizing:initial;
content:"";
display:block;
height:1px;
@@ -1118,14 +1133,14 @@ body.is-dragging-components-draggable{
}
.components-duotone-picker__color-indicator:before{
- background:transparent;
+ background:#0000;
}
.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){
- background:linear-gradient(45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0);
- color:transparent;
+ background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
+ color:#0000;
}
.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{
- color:transparent;
+ color:#0000;
}
.components-color-list-picker,.components-color-list-picker__swatch-button{
@@ -1156,7 +1171,9 @@ body.is-dragging-components-draggable{
content:"";
display:inline-block;
height:18px;
- transition:background .2s ease;
+ overflow:hidden;
+ position:relative;
+ transition:background-color .2s ease,border-color .2s ease;
vertical-align:top;
width:36px;
}
@@ -1166,9 +1183,24 @@ body.is-dragging-components-draggable{
transition-duration:0s;
}
}
+.components-form-toggle .components-form-toggle__track:after{
+ border-top:18px solid #0000;
+ box-sizing:border-box;
+ content:"";
+ inset:0;
+ opacity:0;
+ position:absolute;
+ transition:opacity .2s ease;
+}
+@media (prefers-reduced-motion:reduce){
+ .components-form-toggle .components-form-toggle__track:after{
+ transition-delay:0s;
+ transition-duration:0s;
+ }
+}
.components-form-toggle .components-form-toggle__thumb{
background-color:#1e1e1e;
- border:5px solid #1e1e1e;
+ border:6px solid #0000;
border-radius:50%;
box-sizing:border-box;
display:block;
@@ -1176,7 +1208,7 @@ body.is-dragging-components-draggable{
position:absolute;
right:3px;
top:3px;
- transition:transform .1s ease;
+ transition:transform .2s ease,background-color .2s ease-out;
width:12px;
}
@media (prefers-reduced-motion:reduce){
@@ -1187,11 +1219,14 @@ 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, #3858e9));
- border:9px solid transparent;
+ border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+}
+.components-form-toggle.is-checked .components-form-toggle__track:after{
+ opacity:1;
}
.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{
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:2px solid #0000;
outline-offset:2px;
}
.components-form-toggle.is-checked .components-form-toggle__thumb{
@@ -1225,7 +1260,7 @@ body.is-dragging-components-draggable{
.components-form-token-field__input-container{
border:1px solid #949494;
border-radius:2px;
- box-shadow:0 0 0 transparent;
+ box-shadow:0 0 0 #0000;
cursor:text;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:16px;
@@ -1249,17 +1284,17 @@ body.is-dragging-components-draggable{
.components-form-token-field__input-container:focus{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
- outline:2px solid transparent;
+ outline:2px solid #0000;
}
.components-form-token-field__input-container::-webkit-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
.components-form-token-field__input-container::-moz-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
opacity:1;
}
.components-form-token-field__input-container:-ms-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
.components-form-token-field__input-container.is-disabled{
background:#ddd;
@@ -1268,7 +1303,7 @@ body.is-dragging-components-draggable{
.components-form-token-field__input-container.is-active{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
- outline:2px solid transparent;
+ outline:2px solid #0000;
}
.components-form-token-field__input-container input[type=text].components-form-token-field__input{
background:inherit;
@@ -1319,11 +1354,11 @@ body.is-dragging-components-draggable{
position:relative;
}
.components-form-token-field__token.is-borderless .components-form-token-field__token-text{
- background:transparent;
+ background:#0000;
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;
+ background:#0000;
color:#757575;
left:0;
padding:0;
@@ -1390,6 +1425,7 @@ body.is-dragging-components-draggable{
max-height:128px;
min-width:100%;
overflow-y:auto;
+ padding:0;
transition:all .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce){
@@ -1400,6 +1436,7 @@ body.is-dragging-components-draggable{
}
.components-form-token-field__suggestion{
+ box-sizing:border-box;
color:#1e1e1e;
cursor:pointer;
display:block;
@@ -1483,7 +1520,7 @@ body.is-dragging-components-draggable{
min-width:20px;
}
.components-guide__page-control li[aria-current=step] .components-button{
- color:var(--wp-components-color-accent, var(--wp-admin-theme-color));
+ color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-modal__frame.components-guide{
@@ -1628,7 +1665,7 @@ body.is-dragging-components-draggable{
.components-modal__screen-overlay{
animation:edit-post__fade-in-animation .2s ease-out 0s;
animation-fill-mode:forwards;
- background-color:rgba(0,0,0,.35);
+ background-color:#00000059;
bottom:0;
display:flex;
left:0;
@@ -1649,7 +1686,7 @@ body.is-dragging-components-draggable{
animation-fill-mode:forwards;
background:#fff;
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);
+ box-shadow:0 .7px 1px #00000026,0 2.7px 3.8px -.2px #00000026,0 5.5px 7.8px -.3px #00000026,-.1px 11.5px 16.4px -.5px #00000026;
display:flex;
margin:40px 0 0;
overflow:hidden;
@@ -1685,6 +1722,20 @@ body.is-dragging-components-draggable{
width:calc(100% - 80px);
}
}
+@media (min-width:600px){
+ .components-modal__frame.has-size-large,.components-modal__frame.has-size-medium,.components-modal__frame.has-size-small{
+ width:100%;
+ }
+ .components-modal__frame.has-size-small{
+ max-width:384px;
+ }
+ .components-modal__frame.has-size-medium{
+ max-width:512px;
+ }
+ .components-modal__frame.has-size-large{
+ max-width:840px;
+ }
+}
@media (min-width:960px){
.components-modal__frame{
max-height:70%;
@@ -1701,7 +1752,7 @@ body.is-dragging-components-draggable{
}
.components-modal__header{
align-items:center;
- border-bottom:1px solid transparent;
+ border-bottom:1px solid #0000;
box-sizing:border-box;
display:flex;
flex-direction:row;
@@ -1761,8 +1812,8 @@ body.is-dragging-components-draggable{
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;
+ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+ outline:2px solid #0000;
outline-offset:-2px;
}
@@ -1773,7 +1824,6 @@ body.is-dragging-components-draggable{
display:flex;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
- margin:5px 15px 2px;
padding:8px 12px;
}
.components-notice.is-dismissible{
@@ -1818,7 +1868,7 @@ body.is-dragging-components-draggable{
flex-shrink:0;
}
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
- background-color:transparent;
+ background-color:initial;
color:#1e1e1e;
}
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
@@ -1869,7 +1919,7 @@ body.is-dragging-components-draggable{
.components-panel__header{
align-items:center;
border-bottom:1px solid #ddd;
- box-sizing:content-box;
+ box-sizing:initial;
display:flex;
height:47px;
justify-content:space-between;
@@ -1933,12 +1983,12 @@ body.is-dragging-components-draggable{
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;
color:#1e1e1e;
left:16px;
position:absolute;
top:50%;
transform:translateY(-50%);
+ fill:currentColor;
transition:color .1s ease-in-out;
}
@media (prefers-reduced-motion:reduce){
@@ -1992,19 +2042,20 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
}
.components-placeholder.components-placeholder{
- -moz-font-smoothing:subpixel-antialiased;
- -webkit-font-smoothing:subpixel-antialiased;
- background-color:#fff;
- border-radius:2px;
- box-shadow:inset 0 0 0 1px #1e1e1e;
box-sizing:border-box;
color:#1e1e1e;
+ font-size:13px;
margin:0;
- outline:1px solid transparent;
padding:1em;
position:relative;
text-align:right;
width:100%;
+ -moz-font-smoothing:subpixel-antialiased;
+ -webkit-font-smoothing:subpixel-antialiased;
+ background-color:#fff;
+ border-radius:2px;
+ box-shadow:inset 0 0 0 1px #1e1e1e;
+ outline:1px solid #0000;
}
@supports (position:sticky){
.components-placeholder.components-placeholder{
@@ -2018,6 +2069,10 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
+ font-weight:400;
+ letter-spacing:normal;
+ line-height:normal;
+ text-transform:none;
}
.components-placeholder__label{
@@ -2027,8 +2082,8 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
margin-bottom:16px;
}
.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{
- fill:currentColor;
margin-left:12px;
+ fill:currentColor;
}
@media (forced-colors:active){
.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{
@@ -2057,7 +2112,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
.components-placeholder__input[type=url]{
border:1px solid #949494;
border-radius:2px;
- box-shadow:0 0 0 transparent;
+ box-shadow:0 0 0 #0000;
flex:1 1 auto;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:16px;
@@ -2081,17 +2136,17 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
.components-placeholder__input[type=url]:focus{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
- outline:2px solid transparent;
+ outline:2px solid #0000;
}
.components-placeholder__input[type=url]::-webkit-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
.components-placeholder__input[type=url]::-moz-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
opacity:1;
}
.components-placeholder__input[type=url]:-ms-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
.components-placeholder__instructions{
@@ -2136,14 +2191,11 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
.components-placeholder.is-small .components-button{
padding:0 8px 2px;
}
-.components-placeholder .components-placeholder__learn-more .components-external-link{
- color:var(--wp-admin-theme-color);
-}
.components-placeholder.has-illustration{
-webkit-backdrop-filter:blur(100px);
backdrop-filter:blur(100px);
backface-visibility:hidden;
- background-color:transparent;
+ background-color:initial;
border-radius:2px;
box-shadow:none;
color:inherit;
@@ -2151,7 +2203,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
overflow:auto;
}
.is-dark-theme .components-placeholder.has-illustration{
- background-color:rgba(0,0,0,.1);
+ background-color:#0000001a;
}
.components-placeholder.has-illustration .components-placeholder__fieldset{
margin-left:0;
@@ -2191,21 +2243,25 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
}
.components-placeholder__illustration{
- stroke:currentColor;
- box-sizing:content-box;
+ box-sizing:initial;
height:100%;
- opacity:.25;
position:absolute;
right:50%;
top:50%;
transform:translate(50%, -50%);
width:100%;
+ stroke:currentColor;
+ opacity:.25;
}
.components-popover{
+ box-sizing:border-box;
will-change:transform;
z-index:1000000;
}
+.components-popover *,.components-popover :after,.components-popover :before{
+ box-sizing:inherit;
+}
.components-popover.is-expanded{
bottom:0;
left:0;
@@ -2218,7 +2274,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
.components-popover__content{
background:#fff;
border-radius:2px;
- box-shadow:0 0 0 1px #ccc,0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);
+ box-shadow:0 0 0 1px #ccc,0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a;
box-sizing:border-box;
width:min-content;
}
@@ -2304,7 +2360,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
}
.components-popover__triangle-border{
- fill:transparent;
+ fill:#0000;
stroke-width:1px;
stroke:#ccc;
}
@@ -2312,18 +2368,33 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
stroke:#1e1e1e;
}
+.components-popover-pointer-events-trap{
+ background-color:initial;
+ inset:0;
+ position:fixed;
+ z-index:1000000;
+}
+
+.components-radio-control__option{
+ align-items:center;
+ display:flex;
+}
+
.components-radio-control__input[type=radio]{
+ -webkit-appearance:none;
+ appearance:none;
border:1px solid #1e1e1e;
border-radius:2px;
border-radius:50%;
- box-shadow:0 0 0 transparent;
+ box-shadow:0 0 0 #0000;
+ cursor:pointer;
+ display:inline-flex;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:16px;
height:24px;
line-height:normal;
- margin-left:6px;
- margin-top:0;
- padding:6px 8px;
+ margin:0 0 0 6px;
+ padding:0;
transition:box-shadow .1s linear;
transition:none;
width:24px;
@@ -2345,14 +2416,14 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
}
.components-radio-control__input[type=radio]::-webkit-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
.components-radio-control__input[type=radio]::-moz-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
opacity:1;
}
.components-radio-control__input[type=radio]:-ms-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
@media (min-width:600px){
.components-radio-control__input[type=radio]{
@@ -2376,12 +2447,27 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
}
.components-radio-control__input[type=radio]:focus{
box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
- outline:2px solid transparent;
+ outline:2px solid #0000;
}
.components-radio-control__input[type=radio]:checked{
background:var(--wp-admin-theme-color);
border-color:var(--wp-admin-theme-color);
}
+.components-radio-control__input[type=radio]:focus{
+ box-shadow:0 0 0 2px var(--wp-components-color-background, #fff), 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+}
+.components-radio-control__input[type=radio]:checked{
+ 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-radio-control__input[type=radio]:checked:before{
+ border-radius:50%;
+ content:"";
+}
+
+.components-radio-control__label{
+ cursor:pointer;
+}
.components-resizable-box__handle{
display:none;
@@ -2406,7 +2492,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
display:block;
height:15px;
left:calc(50% - 8px);
- outline:2px solid transparent;
+ outline:2px solid #0000;
position:absolute;
top:calc(50% - 8px);
width:15px;
@@ -2542,92 +2628,9 @@ body.lockscroll,html.lockscroll{
overflow:hidden;
}
-.components-search-control{
- position:relative;
-}
-.components-search-control input[type=search].components-search-control__input{
- background:#f0f0f0;
- border:none;
- border-radius:2px;
- box-shadow:0 0 0 transparent;
- display:block;
- font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
- font-size:16px;
- height:48px;
- line-height:normal;
- margin-left:0;
- margin-right:0;
- padding:0 16px 0 48px;
- transition:box-shadow .1s linear;
- width:100%;
-}
-@media (prefers-reduced-motion:reduce){
- .components-search-control input[type=search].components-search-control__input{
- transition-delay:0s;
- transition-duration:0s;
- }
-}
-@media (min-width:600px){
- .components-search-control input[type=search].components-search-control__input{
- font-size:13px;
- line-height:normal;
- }
-}
-.components-search-control input[type=search].components-search-control__input:focus{
- border-color:var(--wp-admin-theme-color);
- box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
- outline:2px solid transparent;
-}
-.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder{
- color:rgba(30,30,30,.62);
-}
-.components-search-control input[type=search].components-search-control__input::-moz-placeholder{
- color:rgba(30,30,30,.62);
- opacity:1;
-}
-.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder{
- color:rgba(30,30,30,.62);
-}
-@media (min-width:600px){
- .components-search-control input[type=search].components-search-control__input{
- font-size:13px;
- }
-}
-.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, #3858e9));
-}
-.components-search-control input[type=search].components-search-control__input::placeholder{
- color:#757575;
-}
-.components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration{
- -webkit-appearance:none;
-}
-.components-search-control.is-next-40px-default-size input[type=search].components-search-control__input{
- height:40px;
-}
-.components-search-control.is-size-compact input[type=search].components-search-control__input{
- height:32px;
-}
-
-.components-search-control__icon{
- align-items:center;
- display:flex;
- justify-content:center;
- left:12px;
- position:absolute;
- top:50%;
- transform:translateY(-50%);
- width:24px;
-}
-
-.components-search-control__input-wrapper{
- position:relative;
-}
-
.components-select-control__input{
- -webkit-tap-highlight-color:rgba(0, 0, 0, 0) !important;
outline:0;
+ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) !important;
}
@media (max-width:782px){
@@ -2638,9 +2641,9 @@ body.lockscroll,html.lockscroll{
.components-snackbar{
-webkit-backdrop-filter:blur(16px) saturate(180%);
backdrop-filter:blur(16px) saturate(180%);
- background:rgba(0,0,0,.85);
+ background:#000000d9;
border-radius:2px;
- box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);
+ box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a;
box-sizing:border-box;
color:#fff;
cursor:pointer;
@@ -2664,12 +2667,13 @@ body.lockscroll,html.lockscroll{
cursor:default;
}
.components-snackbar .components-snackbar__content-with-icon{
- margin-right:24px;
+ padding-right:24px;
+ position:relative;
}
.components-snackbar .components-snackbar__icon{
position:absolute;
- right:28px;
- top:24px;
+ right:-8px;
+ top:-2.9px;
}
.components-snackbar .components-snackbar__dismiss-button{
cursor:pointer;
@@ -2685,7 +2689,7 @@ body.lockscroll,html.lockscroll{
padding:0;
}
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){
- background-color:transparent;
+ background-color:initial;
text-decoration:underline;
}
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{
@@ -2728,7 +2732,7 @@ body.lockscroll,html.lockscroll{
}
.components-tab-panel__tabs-item{
- background:transparent;
+ background:#0000;
border:none;
border-radius:0;
box-shadow:none;
@@ -2764,13 +2768,13 @@ body.lockscroll,html.lockscroll{
}
.components-tab-panel__tabs-item.is-active:after{
height:calc(var(--wp-admin-border-width-focus)*1);
- outline:2px solid transparent;
+ outline:2px solid #0000;
outline-offset:-1px;
}
.components-tab-panel__tabs-item:before{
border-radius:2px;
bottom:12px;
- box-shadow:0 0 0 0 transparent;
+ box-shadow:0 0 0 0 #0000;
content:"";
left:12px;
pointer-events:none;
@@ -2787,15 +2791,16 @@ 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, #3858e9));
- outline:2px solid transparent;
+ outline:2px solid #0000;
}
.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{
border:1px solid #949494;
border-radius:2px;
- box-shadow:0 0 0 transparent;
+ box-shadow:0 0 0 #0000;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:16px;
+ height:32px;
line-height:normal;
padding:6px 8px;
transition:box-shadow .1s linear;
@@ -2816,17 +2821,20 @@ body.lockscroll,html.lockscroll{
.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
- outline:2px solid transparent;
+ outline:2px solid #0000;
}
.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
}
.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
opacity:1;
}
.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{
- color:rgba(30,30,30,.62);
+ color:#1e1e1e9e;
+}
+.components-text-control__input.is-next-40px-default-size,.components-text-control__input[type=color].is-next-40px-default-size,.components-text-control__input[type=date].is-next-40px-default-size,.components-text-control__input[type=datetime-local].is-next-40px-default-size,.components-text-control__input[type=datetime].is-next-40px-default-size,.components-text-control__input[type=email].is-next-40px-default-size,.components-text-control__input[type=month].is-next-40px-default-size,.components-text-control__input[type=number].is-next-40px-default-size,.components-text-control__input[type=password].is-next-40px-default-size,.components-text-control__input[type=tel].is-next-40px-default-size,.components-text-control__input[type=text].is-next-40px-default-size,.components-text-control__input[type=time].is-next-40px-default-size,.components-text-control__input[type=url].is-next-40px-default-size,.components-text-control__input[type=week].is-next-40px-default-size{
+ height:40px;
}
.components-tip{
@@ -2834,8 +2842,8 @@ body.lockscroll,html.lockscroll{
display:flex;
}
.components-tip svg{
- fill:#f0b849;
align-self:center;
+ fill:#f0b849;
flex-shrink:0;
margin-left:16px;
}
@@ -2852,6 +2860,12 @@ body.lockscroll,html.lockscroll{
.components-accessible-toolbar>.components-toolbar-group:last-child{
border-left:none;
}
+.components-accessible-toolbar.is-unstyled{
+ border:none;
+}
+.components-accessible-toolbar.is-unstyled>.components-toolbar-group{
+ border-left:none;
+}
.components-accessible-toolbar .components-button,.components-toolbar .components-button{
height:48px;
@@ -2888,14 +2902,14 @@ body.lockscroll,html.lockscroll{
position:relative;
}
.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{
- background:transparent;
+ background:#0000;
}
.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{
background:#1e1e1e;
}
.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{
- box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
- outline:2px solid transparent;
+ 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 #0000;
}
.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{
min-width:48px;
@@ -2936,9 +2950,6 @@ body.lockscroll,html.lockscroll{
line-height:12px;
position:absolute;
}
-.components-toolbar__control.components-button:active:before{
- display:none;
-}
.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{
color:#fff;
}
@@ -3001,7 +3012,7 @@ div.components-toolbar>div+div.has-left-divider{
}
div.components-toolbar>div+div.has-left-divider:before{
background-color:#ddd;
- box-sizing:content-box;
+ box-sizing:initial;
content:"";
display:inline-block;
height:20px;
generated by cgit v1.2.3 (git 2.39.1) at 2024-10-02 10:33:50 +0000