mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-09 20:30:43 +01:00
043e2016a3
Props aristath, adamsilverstein, SergeyBiryukov, gziolo. Fixes #56388. Built from https://develop.svn.wordpress.org/trunk@55193 git-svn-id: http://core.svn.wordpress.org/trunk@54726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
3104 lines
88 KiB
CSS
3104 lines
88 KiB
CSS
@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-border-width-focus:2px;
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
|
|
:root{
|
|
--wp-admin-border-width-focus:1.5px;
|
|
}
|
|
}
|
|
|
|
.components-animate__appear{
|
|
animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s;
|
|
animation-fill-mode:forwards;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-animate__appear{
|
|
animation-delay:0s;
|
|
animation-duration:1ms;
|
|
}
|
|
}
|
|
.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{
|
|
transform-origin:top left;
|
|
}
|
|
.components-animate__appear.is-from-top.is-from-right{
|
|
transform-origin:top right;
|
|
}
|
|
.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{
|
|
transform-origin:bottom left;
|
|
}
|
|
.components-animate__appear.is-from-bottom.is-from-right{
|
|
transform-origin:bottom right;
|
|
}
|
|
|
|
@keyframes components-animate__appear-animation{
|
|
0%{
|
|
transform:translateY(-2em) scaleY(0) scaleX(0);
|
|
}
|
|
to{
|
|
transform:translateY(0) scaleY(1) scaleX(1);
|
|
}
|
|
}
|
|
.components-animate__slide-in{
|
|
animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1);
|
|
animation-fill-mode:forwards;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-animate__slide-in{
|
|
animation-delay:0s;
|
|
animation-duration:1ms;
|
|
}
|
|
}
|
|
.components-animate__slide-in.is-from-left{
|
|
transform:translateX(100%);
|
|
}
|
|
.components-animate__slide-in.is-from-right{
|
|
transform:translateX(-100%);
|
|
}
|
|
|
|
@keyframes components-animate__slide-in-animation{
|
|
to{
|
|
transform:translateX(0);
|
|
}
|
|
}
|
|
.components-animate__loading{
|
|
animation:components-animate__loading 1.6s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes components-animate__loading{
|
|
0%{
|
|
opacity:.5;
|
|
}
|
|
50%{
|
|
opacity:1;
|
|
}
|
|
to{
|
|
opacity:.5;
|
|
}
|
|
}
|
|
.components-autocomplete__popover .components-popover__content{
|
|
min-width:220px;
|
|
padding:16px;
|
|
}
|
|
|
|
.components-autocomplete__result.components-button{
|
|
display:flex;
|
|
height:auto;
|
|
min-height:36px;
|
|
text-align:left;
|
|
width:100%;
|
|
}
|
|
.components-autocomplete__result.components-button.is-selected{
|
|
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
}
|
|
|
|
.components-button-group{
|
|
display:inline-block;
|
|
}
|
|
.components-button-group .components-button{
|
|
border-radius:0;
|
|
box-shadow:inset 0 0 0 1px #1e1e1e;
|
|
color:#1e1e1e;
|
|
display:inline-flex;
|
|
}
|
|
.components-button-group .components-button+.components-button{
|
|
margin-left:-1px;
|
|
}
|
|
.components-button-group .components-button:first-child{
|
|
border-radius:2px 0 0 2px;
|
|
}
|
|
.components-button-group .components-button:last-child{
|
|
border-radius:0 2px 2px 0;
|
|
}
|
|
.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.components-button-group .components-button.is-primary{
|
|
box-shadow:inset 0 0 0 1px #1e1e1e;
|
|
}
|
|
|
|
.components-button{
|
|
align-items:center;
|
|
-webkit-appearance:none;
|
|
background:none;
|
|
border:0;
|
|
border-radius:2px;
|
|
box-sizing:border-box;
|
|
color:#1e1e1e;
|
|
cursor:pointer;
|
|
display:inline-flex;
|
|
font-family:inherit;
|
|
font-size:13px;
|
|
font-weight:400;
|
|
height:36px;
|
|
margin:0;
|
|
padding:6px 12px;
|
|
text-decoration:none;
|
|
transition:box-shadow .1s linear;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-button{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.components-button:hover,.components-button[aria-expanded=true]{
|
|
color:var(--wp-admin-theme-color);
|
|
}
|
|
.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-admin-theme-color);
|
|
outline:3px solid transparent;
|
|
}
|
|
.components-button.is-primary{
|
|
background:var(--wp-admin-theme-color);
|
|
color:#fff;
|
|
outline:1px solid transparent;
|
|
text-decoration:none;
|
|
text-shadow:none;
|
|
white-space:nowrap;
|
|
}
|
|
.components-button.is-primary:hover:not(:disabled){
|
|
background:var(--wp-admin-theme-color-darker-10);
|
|
color:#fff;
|
|
}
|
|
.components-button.is-primary:active:not(:disabled){
|
|
background:var(--wp-admin-theme-color-darker-20);
|
|
border-color:var(--wp-admin-theme-color-darker-20);
|
|
color:#fff;
|
|
}
|
|
.components-button.is-primary:focus:not(:disabled){
|
|
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
}
|
|
.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-admin-theme-color);
|
|
border-color:var(--wp-admin-theme-color);
|
|
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 #fff, 0 0 0 3px var(--wp-admin-theme-color);
|
|
}
|
|
.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-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%);
|
|
background-size:100px 100%;
|
|
border-color:var(--wp-admin-theme-color);
|
|
color:#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:#ddd;
|
|
box-shadow:none;
|
|
color:var(--wp-admin-theme-color-darker-10);
|
|
}
|
|
.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){
|
|
box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10);
|
|
color:var(--wp-admin-theme-color-darker-10);
|
|
}
|
|
.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;
|
|
box-shadow:none;
|
|
color:#828282;
|
|
opacity:1;
|
|
outline:none;
|
|
transform:none;
|
|
}
|
|
.components-button.is-secondary{
|
|
box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);
|
|
outline:1px solid transparent;
|
|
}
|
|
.components-button.is-secondary,.components-button.is-tertiary{
|
|
background:transparent;
|
|
color:var(--wp-admin-theme-color);
|
|
white-space:nowrap;
|
|
}
|
|
.components-button.is-tertiary{
|
|
padding:6px;
|
|
}
|
|
.components-button.is-tertiary .dashicon{
|
|
display:inline-block;
|
|
flex:0 0 auto;
|
|
}
|
|
p+.components-button.is-tertiary{
|
|
margin-left:-6px;
|
|
}
|
|
.components-button.is-destructive{
|
|
box-shadow:inset 0 0 0 1px #cc1818;
|
|
color:#cc1818;
|
|
}
|
|
.components-button.is-destructive:hover:not(:disabled){
|
|
box-shadow:inset 0 0 0 1px #710d0d;
|
|
color:#710d0d;
|
|
}
|
|
.components-button.is-destructive:focus:not(:disabled){
|
|
color:var(--wp-admin-theme-color);
|
|
}
|
|
.components-button.is-destructive:active:not(:disabled){
|
|
background:#ccc;
|
|
}
|
|
.components-button.is-destructive.is-primary{
|
|
background:#cc1818;
|
|
box-shadow:inset 0 0 0 1px #cc1818;
|
|
color:#fff;
|
|
}
|
|
.components-button.is-destructive.is-primary:hover:not(:disabled){
|
|
background:#710d0d;
|
|
box-shadow:inset 0 0 0 1px #710d0d;
|
|
color:#fff;
|
|
}
|
|
.components-button.is-destructive.is-tertiary{
|
|
box-shadow:none;
|
|
}
|
|
.components-button.is-destructive.is-tertiary:hover:not(:disabled){
|
|
box-shadow:inset 0 0 0 1px #cc1818;
|
|
color:#cc1818;
|
|
}
|
|
.components-button.is-destructive.is-tertiary:focus:not(:disabled){
|
|
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #cc1818;
|
|
color:#cc1818;
|
|
}
|
|
.components-button.is-link{
|
|
background:none;
|
|
border:0;
|
|
border-radius:0;
|
|
box-shadow:none;
|
|
color:var(--wp-admin-theme-color);
|
|
height:auto;
|
|
margin:0;
|
|
outline:none;
|
|
padding:0;
|
|
text-align:left;
|
|
text-decoration:underline;
|
|
transition-duration:.05s;
|
|
transition-property:border, background, color;
|
|
transition-timing-function:ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-button.is-link{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.components-button.is-link:focus{
|
|
border-radius:2px;
|
|
}
|
|
.components-button.is-link.is-destructive{
|
|
color:#cc1818;
|
|
}
|
|
.components-button.is-link.is-destructive:active:not(:disabled),.components-button.is-link.is-destructive:hover:not(:disabled){
|
|
background:none;
|
|
color:#710d0d;
|
|
}
|
|
.components-button.is-link.is-destructive:focus:not(:disabled){
|
|
color:var(--wp-admin-theme-color);
|
|
}
|
|
.components-button:not([aria-disabled=true]):active{
|
|
color:inherit;
|
|
}
|
|
.components-button:disabled,.components-button[aria-disabled=true]{
|
|
cursor:default;
|
|
opacity:.3;
|
|
}
|
|
.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:components-button__busy-animation 2.5s linear infinite;
|
|
background-image:linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0);
|
|
background-size:100px 100%;
|
|
opacity:1;
|
|
}
|
|
.components-button.is-small{
|
|
font-size:11px;
|
|
height:24px;
|
|
line-height:22px;
|
|
padding:0 8px;
|
|
}
|
|
.components-button.is-small.has-icon:not(.has-text){
|
|
min-width:24px;
|
|
padding:0;
|
|
width:24px;
|
|
}
|
|
.components-button.has-icon{
|
|
justify-content:center;
|
|
min-width:36px;
|
|
padding:6px;
|
|
}
|
|
.components-button.has-icon .dashicon{
|
|
display:inline-block;
|
|
flex:0 0 auto;
|
|
margin-left:2px;
|
|
margin-right:2px;
|
|
}
|
|
.components-button.has-icon.has-text{
|
|
justify-content:left;
|
|
}
|
|
.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:#1e1e1e;
|
|
color:#fff;
|
|
}
|
|
.components-button.is-pressed:focus:not(:disabled){
|
|
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.components-button.is-pressed:hover:not(:disabled){
|
|
background:#1e1e1e;
|
|
color:#fff;
|
|
}
|
|
.components-button svg{
|
|
fill:currentColor;
|
|
outline:none;
|
|
}
|
|
@media (forced-colors:active){
|
|
.components-button svg{
|
|
fill:CanvasText;
|
|
}
|
|
}
|
|
.components-button .components-visually-hidden{
|
|
height:auto;
|
|
}
|
|
|
|
@keyframes components-button__busy-animation{
|
|
0%{
|
|
background-position:200px 0;
|
|
}
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]{
|
|
-webkit-appearance:none;
|
|
appearance:none;
|
|
background:#fff;
|
|
border:1px solid #1e1e1e;
|
|
border-radius:2px;
|
|
box-shadow:0 0 0 transparent;
|
|
clear:none;
|
|
color:#1e1e1e;
|
|
cursor:pointer;
|
|
display:inline-block;
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:16px;
|
|
height:24px;
|
|
line-height:normal;
|
|
line-height:0;
|
|
margin:0 4px 0 0;
|
|
outline:0;
|
|
padding:6px 8px;
|
|
padding:0 !important;
|
|
text-align:center;
|
|
transition:box-shadow .1s linear;
|
|
transition:none;
|
|
transition:border-color .1s ease-in-out;
|
|
vertical-align:top;
|
|
width:24px;
|
|
}
|
|
@media (min-width:600px){
|
|
.components-checkbox-control__input[type=checkbox]{
|
|
font-size:13px;
|
|
line-height:normal;
|
|
}
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]:focus{
|
|
border-color:var(--wp-admin-theme-color);
|
|
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]::-moz-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
opacity:1;
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]:checked{
|
|
background:var(--wp-admin-theme-color);
|
|
border-color:var(--wp-admin-theme-color);
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]:checked::-ms-check{
|
|
opacity:0;
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
|
|
color:#fff;
|
|
margin:-3px -5px;
|
|
}
|
|
@media (min-width:782px){
|
|
.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
|
|
margin:-4px 0 0 -5px;
|
|
}
|
|
}
|
|
.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{
|
|
background:var(--wp-admin-theme-color);
|
|
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:left;
|
|
font:normal 30px/1 dashicons;
|
|
vertical-align:middle;
|
|
width:16px;
|
|
}
|
|
@media (min-width:782px){
|
|
.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
|
|
float:none;
|
|
font-size:21px;
|
|
}
|
|
}
|
|
@media (min-width:600px){
|
|
.components-checkbox-control__input[type=checkbox]{
|
|
height:20px;
|
|
width:20px;
|
|
}
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-checkbox-control__input[type=checkbox]{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]:focus{
|
|
box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{
|
|
background:var(--wp-admin-theme-color);
|
|
border-color:var(--wp-admin-theme-color);
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{
|
|
opacity:0;
|
|
}
|
|
.components-checkbox-control__input[type=checkbox]:checked:before{
|
|
content:none;
|
|
}
|
|
|
|
.components-checkbox-control__input-container{
|
|
display:inline-block;
|
|
height:24px;
|
|
margin-right:12px;
|
|
position:relative;
|
|
vertical-align:middle;
|
|
width:24px;
|
|
}
|
|
@media (min-width:600px){
|
|
.components-checkbox-control__input-container{
|
|
height:20px;
|
|
width:20px;
|
|
}
|
|
}
|
|
|
|
svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{
|
|
fill:#fff;
|
|
cursor:pointer;
|
|
height:24px;
|
|
left:0;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
top:0;
|
|
-webkit-user-select:none;
|
|
user-select:none;
|
|
width:24px;
|
|
}
|
|
@media (min-width:600px){
|
|
svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{
|
|
left:-2px;
|
|
top:-2px;
|
|
}
|
|
}
|
|
|
|
.components-circular-option-picker{
|
|
display:inline-block;
|
|
min-width:188px;
|
|
width:100%;
|
|
}
|
|
.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{
|
|
display:flex;
|
|
justify-content:flex-end;
|
|
margin-top:12px;
|
|
}
|
|
.components-circular-option-picker .components-circular-option-picker__swatches{
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
gap:12px;
|
|
}
|
|
|
|
.components-circular-option-picker__option-wrapper{
|
|
display:inline-block;
|
|
height:28px;
|
|
transform:scale(1);
|
|
transition:transform .1s ease;
|
|
vertical-align:top;
|
|
width:28px;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-circular-option-picker__option-wrapper{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.components-circular-option-picker__option-wrapper:hover{
|
|
transform:scale(1.2);
|
|
}
|
|
.components-circular-option-picker__option-wrapper>div{
|
|
height:100%;
|
|
width:100%;
|
|
}
|
|
|
|
.components-circular-option-picker__option-wrapper:before{
|
|
background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-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' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-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' fill='%23555D65'/%3E%3C/svg%3E");
|
|
border-radius:50%;
|
|
bottom:1px;
|
|
content:"";
|
|
left:1px;
|
|
position:absolute;
|
|
right:1px;
|
|
top:1px;
|
|
z-index:-1;
|
|
}
|
|
|
|
.components-circular-option-picker__option{
|
|
background:transparent;
|
|
border:none;
|
|
border-radius:50%;
|
|
box-shadow:inset 0 0 0 14px;
|
|
cursor:pointer;
|
|
display:inline-block;
|
|
height:100%;
|
|
transition:box-shadow .1s ease;
|
|
vertical-align:top;
|
|
width:100%;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-circular-option-picker__option{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.components-circular-option-picker__option:hover{
|
|
box-shadow:inset 0 0 0 14px !important;
|
|
}
|
|
.components-circular-option-picker__option.is-pressed{
|
|
box-shadow:inset 0 0 0 4px;
|
|
overflow:visible;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.components-circular-option-picker__option.is-pressed+svg{
|
|
border-radius:50%;
|
|
left:2px;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
top:2px;
|
|
z-index:2;
|
|
}
|
|
.components-circular-option-picker__option:after{
|
|
border:1px solid transparent;
|
|
border-radius:50%;
|
|
bottom:-1px;
|
|
box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
|
|
box-sizing:inherit;
|
|
content:"";
|
|
left:-1px;
|
|
position:absolute;
|
|
right:-1px;
|
|
top:-1px;
|
|
}
|
|
.components-circular-option-picker__option:focus:after{
|
|
border:2px solid #757575;
|
|
border-radius:50%;
|
|
box-shadow:inset 0 0 0 2px #fff;
|
|
content:"";
|
|
height:32px;
|
|
left:-2px;
|
|
position:absolute;
|
|
top:-2px;
|
|
width:32px;
|
|
}
|
|
.components-circular-option-picker__option.components-button:focus{
|
|
background-color:initial;
|
|
box-shadow:inset 0 0 0 14px;
|
|
outline:none;
|
|
}
|
|
|
|
.components-circular-option-picker__button-action .components-circular-option-picker__option{
|
|
background:#fff;
|
|
color:#fff;
|
|
}
|
|
|
|
.components-circular-option-picker__dropdown-link-action{
|
|
margin-right:16px;
|
|
}
|
|
.components-circular-option-picker__dropdown-link-action .components-button{
|
|
line-height:22px;
|
|
}
|
|
|
|
.components-palette-edit__popover-gradient-picker{
|
|
padding:8px;
|
|
width:280px;
|
|
}
|
|
|
|
.components-dropdown-menu__menu .components-palette-edit__menu-button{
|
|
width:100%;
|
|
}
|
|
|
|
.component-color-indicator{
|
|
border-radius:50%;
|
|
box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
|
|
display:inline-block;
|
|
height:20px;
|
|
padding:0;
|
|
width:20px;
|
|
}
|
|
|
|
.components-combobox-control{
|
|
width:100%;
|
|
}
|
|
|
|
input.components-combobox-control__input[type=text]{
|
|
border:none;
|
|
box-shadow:none;
|
|
font-family:inherit;
|
|
font-size:16px;
|
|
line-height:inherit;
|
|
margin:0;
|
|
min-height:auto;
|
|
padding:2px;
|
|
width:100%;
|
|
}
|
|
@media (min-width:600px){
|
|
input.components-combobox-control__input[type=text]{
|
|
font-size:13px;
|
|
}
|
|
}
|
|
input.components-combobox-control__input[type=text]:focus{
|
|
box-shadow:none;
|
|
outline:none;
|
|
}
|
|
|
|
.components-combobox-control__suggestions-container{
|
|
align-items:flex-start;
|
|
border:1px solid #757575;
|
|
border-radius:2px;
|
|
box-shadow:0 0 0 transparent;
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:16px;
|
|
line-height:normal;
|
|
padding:0;
|
|
transition:box-shadow .1s linear;
|
|
width:100%;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-combobox-control__suggestions-container{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
@media (min-width:600px){
|
|
.components-combobox-control__suggestions-container{
|
|
font-size:13px;
|
|
line-height:normal;
|
|
}
|
|
}
|
|
.components-combobox-control__suggestions-container:focus{
|
|
border-color:var(--wp-admin-theme-color);
|
|
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.components-combobox-control__suggestions-container::-webkit-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.components-combobox-control__suggestions-container::-moz-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
opacity:1;
|
|
}
|
|
.components-combobox-control__suggestions-container:-ms-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.components-combobox-control__suggestions-container:focus-within{
|
|
border-color:var(--wp-admin-theme-color);
|
|
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
|
|
.components-combobox-control__reset.components-button{
|
|
display:flex;
|
|
height:16px;
|
|
min-width:16px;
|
|
padding:0;
|
|
}
|
|
|
|
.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-color-palette__custom-color{
|
|
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, 25px 25px;
|
|
background-size:50px 50px;
|
|
border:none;
|
|
border-radius:2px;
|
|
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-admin-theme-color);
|
|
outline-width:2px;
|
|
}
|
|
|
|
.components-color-palette__custom-color-name{
|
|
text-align:left;
|
|
}
|
|
|
|
.components-color-palette__custom-color-value{
|
|
margin-left:16px;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.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;
|
|
width:100%;
|
|
}
|
|
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
position:relative;
|
|
width:calc(100% - 48px);
|
|
}
|
|
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{
|
|
display:flex;
|
|
height:16px;
|
|
position:absolute;
|
|
top:16px;
|
|
width:16px;
|
|
}
|
|
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{
|
|
background:#fff;
|
|
border-radius:50%;
|
|
color:#1e1e1e;
|
|
height:inherit;
|
|
min-width:16px;
|
|
padding:2px;
|
|
position:relative;
|
|
width:inherit;
|
|
}
|
|
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{
|
|
height:100%;
|
|
width:100%;
|
|
}
|
|
.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);
|
|
height:inherit;
|
|
outline:2px solid transparent;
|
|
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;
|
|
}
|
|
|
|
.components-custom-gradient-picker__remove-control-point-wrapper{
|
|
padding-bottom:8px;
|
|
}
|
|
|
|
.components-custom-gradient-picker__inserter{
|
|
direction:ltr;
|
|
}
|
|
|
|
.components-custom-gradient-picker__liner-gradient-indicator{
|
|
display:inline-block;
|
|
flex:0 auto;
|
|
height:20px;
|
|
width:20px;
|
|
}
|
|
|
|
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{
|
|
border:none;
|
|
}
|
|
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{
|
|
margin-left:1px;
|
|
}
|
|
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{
|
|
background:#fff;
|
|
border:1px solid #949494;
|
|
border-radius:2px;
|
|
}
|
|
|
|
.components-custom-select-control{
|
|
font-size:13px;
|
|
position:relative;
|
|
}
|
|
|
|
.components-custom-select-control__button{
|
|
outline:0;
|
|
position:relative;
|
|
text-align:left;
|
|
}
|
|
|
|
.components-custom-select-control__menu{
|
|
background-color:#fff;
|
|
border:1px solid #1e1e1e;
|
|
border-radius:2px;
|
|
max-height:400px;
|
|
min-width:100%;
|
|
outline:none;
|
|
overflow:auto;
|
|
padding:0;
|
|
position:absolute;
|
|
transition:none;
|
|
z-index:1000000;
|
|
}
|
|
.components-custom-select-control__menu[aria-hidden=true]{
|
|
display:none;
|
|
}
|
|
|
|
.components-custom-select-control__item{
|
|
align-items:center;
|
|
cursor:default;
|
|
display:grid;
|
|
grid-template-columns:auto auto;
|
|
line-height:28px;
|
|
list-style-type:none;
|
|
padding:8px 16px;
|
|
}
|
|
.components-custom-select-control__item:not(.is-next-36px-default-size){
|
|
padding:8px;
|
|
}
|
|
.components-custom-select-control__item.has-hint{
|
|
grid-template-columns:auto auto 30px;
|
|
}
|
|
.components-custom-select-control__item.is-highlighted{
|
|
background:#ddd;
|
|
}
|
|
.components-custom-select-control__item .components-custom-select-control__item-hint{
|
|
color:#757575;
|
|
padding-right:4px;
|
|
text-align:right;
|
|
}
|
|
.components-custom-select-control__item .components-custom-select-control__item-icon{
|
|
margin-left:auto;
|
|
}
|
|
.components-custom-select-control__item:last-child{
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.block-editor-dimension-control .components-base-control__field{
|
|
align-items:center;
|
|
display:flex;
|
|
}
|
|
.block-editor-dimension-control .components-base-control__label{
|
|
align-items:center;
|
|
display:flex;
|
|
margin-bottom:0;
|
|
margin-right:1em;
|
|
}
|
|
.block-editor-dimension-control .components-base-control__label .dashicon{
|
|
margin-right:.5em;
|
|
}
|
|
.block-editor-dimension-control.is-manual .components-base-control__label{
|
|
width:10em;
|
|
}
|
|
|
|
body.is-dragging-components-draggable{
|
|
cursor:move;
|
|
cursor:grabbing !important;
|
|
}
|
|
|
|
.components-draggable__invisible-drag-image{
|
|
height:50px;
|
|
left:-1000px;
|
|
position:fixed;
|
|
width:50px;
|
|
}
|
|
|
|
.components-draggable__clone{
|
|
background:transparent;
|
|
padding:0;
|
|
pointer-events:none;
|
|
position:fixed;
|
|
z-index:1000000000;
|
|
}
|
|
|
|
.components-drop-zone{
|
|
border-radius:2px;
|
|
bottom:0;
|
|
left:0;
|
|
opacity:0;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
visibility:hidden;
|
|
z-index:40;
|
|
}
|
|
.components-drop-zone.is-active{
|
|
opacity:1;
|
|
visibility:visible;
|
|
}
|
|
|
|
.components-drop-zone__content{
|
|
align-items:center;
|
|
background-color:var(--wp-admin-theme-color);
|
|
bottom:0;
|
|
color:#fff;
|
|
display:flex;
|
|
height:100%;
|
|
justify-content:center;
|
|
left:0;
|
|
position:absolute;
|
|
right:0;
|
|
text-align:center;
|
|
top:0;
|
|
width:100%;
|
|
z-index:50;
|
|
}
|
|
|
|
.components-drop-zone__content-icon,.components-drop-zone__content-text{
|
|
display:block;
|
|
}
|
|
|
|
.components-drop-zone__content-icon{
|
|
fill:currentColor;
|
|
line-height:0;
|
|
margin:0 auto;
|
|
pointer-events:none;
|
|
}
|
|
|
|
.components-drop-zone__content-text{
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:13px;
|
|
}
|
|
|
|
.components-dropdown{
|
|
display:inline-block;
|
|
}
|
|
|
|
.components-dropdown__content .components-popover__content{
|
|
padding:8px;
|
|
}
|
|
.components-dropdown__content [role=menuitem]{
|
|
white-space:nowrap;
|
|
}
|
|
|
|
.components-dropdown-menu__menu{
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:13px;
|
|
line-height:1.4;
|
|
width:100%;
|
|
}
|
|
.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{
|
|
cursor:pointer;
|
|
outline:none;
|
|
padding:6px;
|
|
white-space:nowrap;
|
|
width:100%;
|
|
}
|
|
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{
|
|
margin-top:6px;
|
|
overflow:visible;
|
|
position:relative;
|
|
}
|
|
.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:initial;
|
|
content:"";
|
|
display:block;
|
|
height:1px;
|
|
left:0;
|
|
position:absolute;
|
|
right:0;
|
|
top:-3px;
|
|
}
|
|
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active svg{
|
|
background:#1e1e1e;
|
|
border-radius:1px;
|
|
box-shadow:0 0 0 1px #1e1e1e;
|
|
color:#fff;
|
|
}
|
|
.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg,.components-dropdown-menu__menu .components-menu-item>svg{
|
|
border-radius:2px;
|
|
height:24px;
|
|
width:24px;
|
|
}
|
|
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{
|
|
width:auto;
|
|
}
|
|
.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{
|
|
height:auto;
|
|
min-height:36px;
|
|
padding-left:8px;
|
|
padding-right:8px;
|
|
text-align:left;
|
|
}
|
|
.components-dropdown-menu__menu .components-menu-group{
|
|
margin:0 -8px;
|
|
padding:8px;
|
|
}
|
|
.components-dropdown-menu__menu .components-menu-group:first-child{
|
|
margin-top:-8px;
|
|
}
|
|
.components-dropdown-menu__menu .components-menu-group:last-child{
|
|
margin-bottom:-8px;
|
|
}
|
|
.components-dropdown-menu__menu .components-menu-group+.components-menu-group{
|
|
border-top:1px solid #ccc;
|
|
margin-top:0;
|
|
padding:8px;
|
|
}
|
|
.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{
|
|
border-color:#1e1e1e;
|
|
}
|
|
|
|
.components-duotone-picker__color-indicator:before{
|
|
background:transparent;
|
|
}
|
|
.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;
|
|
}
|
|
.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{
|
|
color:transparent;
|
|
}
|
|
|
|
.components-font-size-picker__header__hint{
|
|
color:#757575;
|
|
margin-left:4px;
|
|
}
|
|
.components-font-size-picker__header .components-base-control__label{
|
|
margin-bottom:0;
|
|
}
|
|
.components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text){
|
|
min-width:24px;
|
|
padding:0;
|
|
}
|
|
|
|
.components-font-size-picker__controls{
|
|
align-items:center;
|
|
margin-top:8px;
|
|
max-width:248px;
|
|
}
|
|
.components-font-size-picker__controls:not(.is-next-has-no-margin-bottom){
|
|
margin-bottom:24px;
|
|
}
|
|
.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label{
|
|
font-weight:300;
|
|
margin-bottom:8px !important;
|
|
padding-bottom:0 !important;
|
|
}
|
|
.components-font-size-picker__controls .components-font-size-picker__number{
|
|
border:1px solid #757575;
|
|
border-radius:2px;
|
|
box-shadow:0 0 0 transparent;
|
|
display:inline-block;
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:16px;
|
|
font-weight:500;
|
|
height:30px;
|
|
line-height:normal;
|
|
margin:8px 8px 0 0;
|
|
padding:6px 8px;
|
|
transition:box-shadow .1s linear;
|
|
width:54px;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-font-size-picker__controls .components-font-size-picker__number{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
@media (min-width:600px){
|
|
.components-font-size-picker__controls .components-font-size-picker__number{
|
|
font-size:13px;
|
|
line-height:normal;
|
|
}
|
|
}
|
|
.components-font-size-picker__controls .components-font-size-picker__number:focus{
|
|
border-color:var(--wp-admin-theme-color);
|
|
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
opacity:1;
|
|
}
|
|
.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.components-font-size-picker__controls .components-font-size-picker__number[value=""]+.components-button{
|
|
cursor:default;
|
|
opacity:.3;
|
|
pointer-events:none;
|
|
}
|
|
.components-font-size-picker__controls .components-font-size-picker__number-container{
|
|
display:flex;
|
|
flex-direction:column;
|
|
}
|
|
.components-font-size-picker__controls .components-color-palette__clear{
|
|
height:30px;
|
|
}
|
|
|
|
.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{
|
|
height:30px;
|
|
width:30px;
|
|
}
|
|
|
|
.components-font-size-picker{
|
|
border:0;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.components-form-toggle{
|
|
display:inline-block;
|
|
position:relative;
|
|
}
|
|
.components-form-toggle .components-form-toggle__track{
|
|
background-color:#fff;
|
|
border:1px solid #1e1e1e;
|
|
border-radius:9px;
|
|
box-sizing:border-box;
|
|
content:"";
|
|
display:inline-block;
|
|
height:18px;
|
|
transition:background .2s ease;
|
|
vertical-align:top;
|
|
width:36px;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-form-toggle .components-form-toggle__track{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.components-form-toggle .components-form-toggle__thumb{
|
|
background-color:#1e1e1e;
|
|
border:5px solid #1e1e1e;
|
|
border-radius:50%;
|
|
box-sizing:border-box;
|
|
display:block;
|
|
height:12px;
|
|
left:3px;
|
|
position:absolute;
|
|
top:3px;
|
|
transition:transform .1s ease;
|
|
width:12px;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-form-toggle .components-form-toggle__thumb{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.components-form-toggle.is-checked .components-form-toggle__track{
|
|
background-color:var(--wp-admin-theme-color);
|
|
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-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
outline-offset:2px;
|
|
}
|
|
.components-form-toggle.is-checked .components-form-toggle__thumb{
|
|
background-color:#fff;
|
|
border-width:0;
|
|
transform:translateX(18px);
|
|
}
|
|
.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{
|
|
opacity:.3;
|
|
}
|
|
|
|
.components-form-toggle input.components-form-toggle__input[type=checkbox]{
|
|
border:none;
|
|
height:100%;
|
|
left:0;
|
|
margin:0;
|
|
opacity:0;
|
|
padding:0;
|
|
position:absolute;
|
|
top:0;
|
|
width:100%;
|
|
z-index:1;
|
|
}
|
|
.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{
|
|
background:none;
|
|
}
|
|
.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{
|
|
content:"";
|
|
}
|
|
|
|
.components-form-token-field__input-container{
|
|
border:1px solid #757575;
|
|
border-radius:2px;
|
|
box-shadow:0 0 0 transparent;
|
|
cursor:text;
|
|
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%;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-form-token-field__input-container{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
@media (min-width:600px){
|
|
.components-form-token-field__input-container{
|
|
font-size:13px;
|
|
line-height:normal;
|
|
}
|
|
}
|
|
.components-form-token-field__input-container:focus{
|
|
border-color:var(--wp-admin-theme-color);
|
|
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.components-form-token-field__input-container::-webkit-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.components-form-token-field__input-container::-moz-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
opacity:1;
|
|
}
|
|
.components-form-token-field__input-container:-ms-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.components-form-token-field__input-container.is-disabled{
|
|
background:#ddd;
|
|
border-color:#ddd;
|
|
}
|
|
.components-form-token-field__input-container.is-active{
|
|
border-color:var(--wp-admin-theme-color);
|
|
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.components-form-token-field__input-container input[type=text].components-form-token-field__input{
|
|
background:inherit;
|
|
border:0;
|
|
box-shadow:none;
|
|
color:#1e1e1e;
|
|
display:inline-block;
|
|
flex:1;
|
|
font-family:inherit;
|
|
font-size:16px;
|
|
margin-left:4px;
|
|
max-width:100%;
|
|
min-height:24px;
|
|
min-width:50px;
|
|
padding:0;
|
|
width:100%;
|
|
}
|
|
@media (min-width:600px){
|
|
.components-form-token-field__input-container input[type=text].components-form-token-field__input{
|
|
font-size:13px;
|
|
}
|
|
}
|
|
.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{
|
|
box-shadow:none;
|
|
outline:none;
|
|
}
|
|
.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{
|
|
width:auto;
|
|
}
|
|
|
|
.components-form-token-field__help{
|
|
color:#757575;
|
|
font-size:12px;
|
|
font-style:normal;
|
|
}
|
|
|
|
.components-form-token-field__token{
|
|
color:#1e1e1e;
|
|
display:flex;
|
|
font-size:13px;
|
|
max-width:100%;
|
|
}
|
|
.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{
|
|
background:#4ab866;
|
|
}
|
|
.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{
|
|
background:#cc1818;
|
|
}
|
|
.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{
|
|
color:#757575;
|
|
}
|
|
.components-form-token-field__token.is-borderless{
|
|
padding:0 24px 0 0;
|
|
position:relative;
|
|
}
|
|
.components-form-token-field__token.is-borderless .components-form-token-field__token-text{
|
|
background:transparent;
|
|
color:var(--wp-admin-theme-color);
|
|
}
|
|
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{
|
|
background:transparent;
|
|
color:#757575;
|
|
padding:0;
|
|
position:absolute;
|
|
right:0;
|
|
top:1px;
|
|
}
|
|
.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{
|
|
color:#4ab866;
|
|
}
|
|
.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{
|
|
border-radius:4px 0 0 4px;
|
|
color:#cc1818;
|
|
padding:0 4px 0 6px;
|
|
}
|
|
.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{
|
|
color:#1e1e1e;
|
|
}
|
|
.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{
|
|
cursor:default;
|
|
}
|
|
|
|
.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{
|
|
background:#ddd;
|
|
display:inline-block;
|
|
height:auto;
|
|
line-height:24px;
|
|
min-width:unset;
|
|
transition:all .2s cubic-bezier(.4, 1, .4, 1);
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{
|
|
animation-delay:0s;
|
|
animation-duration:1ms;
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
|
|
.components-form-token-field__token-text{
|
|
border-radius:2px 0 0 2px;
|
|
overflow:hidden;
|
|
padding:0 0 0 8px;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
.components-form-token-field__remove-token.components-button{
|
|
border-radius:0 2px 2px 0;
|
|
color:#1e1e1e;
|
|
cursor:pointer;
|
|
line-height:10px;
|
|
overflow:initial;
|
|
padding:0 2px;
|
|
}
|
|
.components-form-token-field__remove-token.components-button:hover{
|
|
color:#1e1e1e;
|
|
}
|
|
|
|
.components-form-token-field__suggestions-list{
|
|
border-top:1px solid #757575;
|
|
flex:1 0 100%;
|
|
list-style:none;
|
|
margin:0;
|
|
max-height:9em;
|
|
min-width:100%;
|
|
overflow-y:auto;
|
|
padding:0;
|
|
transition:all .15s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-form-token-field__suggestions-list{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
|
|
.components-form-token-field__suggestion{
|
|
color:#757575;
|
|
cursor:pointer;
|
|
display:block;
|
|
font-size:13px;
|
|
margin:0;
|
|
padding:4px 8px;
|
|
}
|
|
.components-form-token-field__suggestion.is-selected{
|
|
background:var(--wp-admin-theme-color);
|
|
color:#fff;
|
|
}
|
|
|
|
.components-form-token-field__suggestion-match{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
@media (min-width:600px){
|
|
.components-guide{
|
|
width:600px;
|
|
}
|
|
}
|
|
.components-guide .components-modal__content{
|
|
border-radius:2px;
|
|
margin-top:0;
|
|
padding:0;
|
|
}
|
|
.components-guide .components-modal__content:before{
|
|
content:none;
|
|
}
|
|
.components-guide .components-modal__header{
|
|
border-bottom:none;
|
|
height:60px;
|
|
padding:0;
|
|
position:sticky;
|
|
}
|
|
.components-guide .components-modal__header .components-button{
|
|
align-self:flex-start;
|
|
margin:8px 8px 0 0;
|
|
position:static;
|
|
}
|
|
.components-guide .components-modal__header .components-button:hover svg{
|
|
fill:#fff;
|
|
}
|
|
.components-guide__container{
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:space-between;
|
|
margin-top:-60px;
|
|
min-height:100%;
|
|
}
|
|
.components-guide__page{
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
position:relative;
|
|
}
|
|
@media (min-width:600px){
|
|
.components-guide__page{
|
|
min-height:300px;
|
|
}
|
|
}
|
|
.components-guide__footer{
|
|
align-content:center;
|
|
display:flex;
|
|
height:30px;
|
|
justify-content:center;
|
|
margin:0 0 24px;
|
|
padding:0 32px;
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
.components-guide__page-control{
|
|
margin:0;
|
|
text-align:center;
|
|
}
|
|
.components-guide__page-control li{
|
|
display:inline-block;
|
|
margin:0;
|
|
}
|
|
.components-guide__page-control .components-button{
|
|
height:30px;
|
|
margin:-6px 0;
|
|
min-width:20px;
|
|
}
|
|
|
|
.components-modal__frame.components-guide{
|
|
border:none;
|
|
height:80vh;
|
|
max-height:575px;
|
|
min-width:312px;
|
|
}
|
|
@media (max-width:600px){
|
|
.components-modal__frame.components-guide{
|
|
margin:auto;
|
|
max-width:calc(100vw - 32px);
|
|
}
|
|
}
|
|
|
|
.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{
|
|
right:32px;
|
|
}
|
|
|
|
[role=region]{
|
|
position:relative;
|
|
}
|
|
|
|
.is-focusing-regions [role=region]:focus:after{
|
|
bottom:0;
|
|
box-shadow:inset 0 0 0 4px var(--wp-admin-theme-color);
|
|
content:"";
|
|
left:0;
|
|
outline:4px solid transparent;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
}
|
|
@supports (outline-offset:1px){
|
|
.is-focusing-regions [role=region]:focus:after{
|
|
content:none;
|
|
}
|
|
.is-focusing-regions [role=region]:focus{
|
|
outline-color:var(--wp-admin-theme-color);
|
|
outline-offset:-4px;
|
|
outline-style:solid;
|
|
outline-width:4px;
|
|
}
|
|
}
|
|
|
|
.components-menu-group+.components-menu-group{
|
|
border-top:1px solid #1e1e1e;
|
|
margin-top:8px;
|
|
padding-top:8px;
|
|
}
|
|
.components-menu-group+.components-menu-group.has-hidden-separator{
|
|
border-top:none;
|
|
margin-top:0;
|
|
padding-top:0;
|
|
}
|
|
|
|
.components-menu-group__label{
|
|
color:#757575;
|
|
font-size:11px;
|
|
font-weight:500;
|
|
margin-bottom:12px;
|
|
margin-top:4px;
|
|
padding:0 8px;
|
|
text-transform:uppercase;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
.components-menu-item__button,.components-menu-item__button.components-button{
|
|
width:100%;
|
|
}
|
|
.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{
|
|
padding-right:48px;
|
|
}
|
|
.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{
|
|
display:inline-block;
|
|
flex:0 0 auto;
|
|
}
|
|
.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{
|
|
margin-left:24px;
|
|
margin-right:-2px;
|
|
}
|
|
.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{
|
|
margin-left:8px;
|
|
}
|
|
.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{
|
|
margin-left:-2px;
|
|
margin-right:8px;
|
|
}
|
|
.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{
|
|
justify-content:center;
|
|
}
|
|
.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{
|
|
margin-right:0;
|
|
}
|
|
.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-admin-theme-color-darker-10);
|
|
opacity:.3;
|
|
}
|
|
|
|
.components-menu-item__info-wrapper{
|
|
display:flex;
|
|
flex-direction:column;
|
|
margin-right:auto;
|
|
}
|
|
|
|
.components-menu-item__info{
|
|
color:#757575;
|
|
font-size:12px;
|
|
margin-top:4px;
|
|
white-space:normal;
|
|
}
|
|
|
|
.components-menu-item__item{
|
|
align-items:center;
|
|
display:inline-flex;
|
|
margin-right:auto;
|
|
min-width:160px;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
.components-menu-item__shortcut{
|
|
align-self:center;
|
|
color:currentColor;
|
|
display:none;
|
|
margin-left:auto;
|
|
margin-right:0;
|
|
padding-left:24px;
|
|
}
|
|
@media (min-width:480px){
|
|
.components-menu-item__shortcut{
|
|
display:inline;
|
|
}
|
|
}
|
|
|
|
.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{
|
|
margin-right:12px;
|
|
}
|
|
.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{
|
|
padding-left:12px;
|
|
}
|
|
|
|
.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);
|
|
bottom:0;
|
|
display:flex;
|
|
left:0;
|
|
position:fixed;
|
|
right:0;
|
|
top:0;
|
|
z-index:100000;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-modal__screen-overlay{
|
|
animation-delay:0s;
|
|
animation-duration:1ms;
|
|
}
|
|
}
|
|
|
|
.components-modal__frame{
|
|
background:#fff;
|
|
border-radius:2px;
|
|
box-shadow:0 10px 10px rgba(0,0,0,.25);
|
|
display:flex;
|
|
margin: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){
|
|
.components-modal__frame{
|
|
animation-delay:0s;
|
|
animation-duration:1ms;
|
|
}
|
|
}
|
|
@media (min-width:600px){
|
|
.components-modal__frame.is-full-screen{
|
|
min-height:90vh;
|
|
width:90vw;
|
|
}
|
|
}
|
|
@media (min-width:960px){
|
|
.components-modal__frame{
|
|
max-height:70%;
|
|
}
|
|
}
|
|
|
|
@keyframes components-modal__appear-animation{
|
|
0%{
|
|
transform:translateY(32px);
|
|
}
|
|
to{
|
|
transform:translateY(0);
|
|
}
|
|
}
|
|
.components-modal__header{
|
|
align-items:center;
|
|
border-bottom:1px solid transparent;
|
|
box-sizing:border-box;
|
|
display:flex;
|
|
flex-direction:row;
|
|
height:76px;
|
|
justify-content:space-between;
|
|
left:0;
|
|
padding:0 32px;
|
|
position:absolute;
|
|
top:0;
|
|
width:100%;
|
|
z-index:10;
|
|
}
|
|
.components-modal__header .components-modal__header-heading{
|
|
font-size:1.2rem;
|
|
font-weight:600;
|
|
}
|
|
.components-modal__header h1{
|
|
line-height:1;
|
|
margin:0;
|
|
}
|
|
.components-modal__header .components-button{
|
|
left:8px;
|
|
position:relative;
|
|
}
|
|
.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{
|
|
border-bottom-color:#ddd;
|
|
}
|
|
.components-modal__header+p{
|
|
margin-top:0;
|
|
}
|
|
|
|
.components-modal__header-heading-container{
|
|
align-items:center;
|
|
display:flex;
|
|
flex-direction:row;
|
|
flex-grow:1;
|
|
justify-content:left;
|
|
}
|
|
|
|
.components-modal__header-icon-container{
|
|
display:inline-block;
|
|
}
|
|
.components-modal__header-icon-container svg{
|
|
max-height:36px;
|
|
max-width:36px;
|
|
padding:8px;
|
|
}
|
|
|
|
.components-modal__content{
|
|
flex:1;
|
|
margin-top:76px;
|
|
overflow:auto;
|
|
padding:0 32px 32px;
|
|
}
|
|
.components-modal__content.hide-header{
|
|
margin-top:0;
|
|
padding-top:24px;
|
|
}
|
|
|
|
.components-notice{
|
|
align-items:center;
|
|
background-color:#fff;
|
|
border-left:4px solid var(--wp-admin-theme-color);
|
|
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{
|
|
padding-right:36px;
|
|
position:relative;
|
|
}
|
|
.components-notice.is-success{
|
|
background-color:#eff9f1;
|
|
border-left-color:#4ab866;
|
|
}
|
|
.components-notice.is-warning{
|
|
background-color:#fef8ee;
|
|
border-left-color:#f0b849;
|
|
}
|
|
.components-notice.is-error{
|
|
background-color:#f4a2a2;
|
|
border-left-color:#cc1818;
|
|
}
|
|
|
|
.components-notice__content{
|
|
flex-grow:1;
|
|
margin:4px 25px 4px 0;
|
|
}
|
|
|
|
.components-notice__actions{
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.components-notice__action.components-button{
|
|
margin-right:8px;
|
|
}
|
|
.components-notice__action.components-button,.components-notice__action.components-button.is-link{
|
|
margin-left:12px;
|
|
}
|
|
.components-notice__action.components-button.is-secondary{
|
|
vertical-align:initial;
|
|
}
|
|
|
|
.components-notice__dismiss{
|
|
align-self:flex-start;
|
|
color:#757575;
|
|
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:initial;
|
|
color:#1e1e1e;
|
|
}
|
|
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
|
|
box-shadow:none;
|
|
}
|
|
|
|
.components-notice-list{
|
|
box-sizing:border-box;
|
|
max-width:100vw;
|
|
}
|
|
.components-notice-list .components-notice__content{
|
|
line-height:2;
|
|
margin-bottom:12px;
|
|
margin-top:12px;
|
|
}
|
|
.components-notice-list .components-notice__action.components-button{
|
|
display:block;
|
|
margin-left:0;
|
|
margin-top:8px;
|
|
}
|
|
|
|
.components-panel{
|
|
background:#fff;
|
|
border:1px solid #e0e0e0;
|
|
}
|
|
.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{
|
|
margin-top:-1px;
|
|
}
|
|
.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{
|
|
border-bottom-width:0;
|
|
}
|
|
|
|
.components-panel+.components-panel{
|
|
margin-top:-1px;
|
|
}
|
|
|
|
.components-panel__body{
|
|
border-bottom:1px solid #e0e0e0;
|
|
border-top:1px solid #e0e0e0;
|
|
}
|
|
.components-panel__body h3{
|
|
margin:0 0 .5em;
|
|
}
|
|
.components-panel__body.is-opened{
|
|
padding:16px;
|
|
}
|
|
|
|
.components-panel__header{
|
|
align-items:center;
|
|
border-bottom:1px solid #ddd;
|
|
box-sizing:initial;
|
|
display:flex;
|
|
height:47px;
|
|
justify-content:space-between;
|
|
padding:0 16px;
|
|
}
|
|
.components-panel__header h2{
|
|
color:inherit;
|
|
font-size:inherit;
|
|
margin:0;
|
|
}
|
|
|
|
.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{
|
|
margin-top:-1px;
|
|
}
|
|
|
|
.components-panel__body>.components-panel__body-title{
|
|
display:block;
|
|
font-size:inherit;
|
|
margin-bottom:0;
|
|
margin-top:0;
|
|
padding:0;
|
|
transition:background .1s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-panel__body>.components-panel__body-title{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
|
|
.components-panel__body.is-opened>.components-panel__body-title{
|
|
margin:-16px -16px 5px;
|
|
}
|
|
|
|
.components-panel__body>.components-panel__body-title:hover{
|
|
background:#f0f0f0;
|
|
border:none;
|
|
}
|
|
|
|
.components-panel__body-toggle.components-button{
|
|
border:none;
|
|
box-shadow:none;
|
|
color:#1e1e1e;
|
|
font-weight:500;
|
|
height:auto;
|
|
outline:none;
|
|
padding:16px 48px 16px 16px;
|
|
position:relative;
|
|
text-align:left;
|
|
transition:background .1s ease-in-out;
|
|
width:100%;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-panel__body-toggle.components-button{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.components-panel__body-toggle.components-button:focus{
|
|
border-radius:0;
|
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
}
|
|
.components-panel__body-toggle.components-button .components-panel__arrow{
|
|
fill:currentColor;
|
|
color:#1e1e1e;
|
|
position:absolute;
|
|
right:16px;
|
|
top:50%;
|
|
transform:translateY(-50%);
|
|
transition:color .1s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-panel__body-toggle.components-button .components-panel__arrow{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{
|
|
-ms-filter:fliph;
|
|
filter:FlipH;
|
|
margin-top:-10px;
|
|
transform:scaleX(-1);
|
|
}
|
|
|
|
.components-panel__icon{
|
|
color:#757575;
|
|
margin:-2px 0 -2px 6px;
|
|
}
|
|
|
|
.components-panel__body-toggle-icon{
|
|
margin-right:-5px;
|
|
}
|
|
|
|
.components-panel__color-title{
|
|
float:left;
|
|
height:19px;
|
|
}
|
|
|
|
.components-panel__row{
|
|
align-items:center;
|
|
display:flex;
|
|
justify-content:space-between;
|
|
margin-top:8px;
|
|
min-height:36px;
|
|
}
|
|
.components-panel__row select{
|
|
min-width:0;
|
|
}
|
|
.components-panel__row label{
|
|
flex-shrink:0;
|
|
margin-right:12px;
|
|
max-width:75%;
|
|
}
|
|
.components-panel__row:empty,.components-panel__row:first-of-type{
|
|
margin-top:0;
|
|
}
|
|
|
|
.components-panel .circle-picker{
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
.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;
|
|
margin:0;
|
|
min-height:200px;
|
|
outline:1px solid transparent;
|
|
padding:1em;
|
|
position:relative;
|
|
text-align:left;
|
|
width:100%;
|
|
}
|
|
@supports (position:sticky){
|
|
.components-placeholder.components-placeholder{
|
|
align-items:flex-start;
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
}
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.components-placeholder__label{
|
|
align-items:center;
|
|
display:flex;
|
|
font-weight:600;
|
|
margin-bottom:16px;
|
|
}
|
|
.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{
|
|
fill:currentColor;
|
|
margin-right:1ch;
|
|
}
|
|
@media (forced-colors:active){
|
|
.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{
|
|
fill:CanvasText;
|
|
}
|
|
}
|
|
.components-placeholder__label:empty{
|
|
display:none;
|
|
}
|
|
|
|
.components-placeholder__fieldset,.components-placeholder__fieldset form{
|
|
display:flex;
|
|
flex-direction:row;
|
|
flex-wrap:wrap;
|
|
width:100%;
|
|
}
|
|
.components-placeholder__fieldset form p,.components-placeholder__fieldset p{
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:13px;
|
|
}
|
|
|
|
.components-placeholder__fieldset.components-placeholder__fieldset{
|
|
border:none;
|
|
padding:0;
|
|
}
|
|
.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions{
|
|
font-size:1em;
|
|
font-weight:400;
|
|
padding:0;
|
|
}
|
|
|
|
.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{
|
|
flex-direction:column;
|
|
}
|
|
|
|
.components-placeholder__input[type=url]{
|
|
border:1px solid #757575;
|
|
border-radius:2px;
|
|
box-shadow:0 0 0 transparent;
|
|
flex:1 1 auto;
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:16px;
|
|
line-height:normal;
|
|
margin:0 8px 0 0;
|
|
padding:6px 8px;
|
|
transition:box-shadow .1s linear;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-placeholder__input[type=url]{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
@media (min-width:600px){
|
|
.components-placeholder__input[type=url]{
|
|
font-size:13px;
|
|
line-height:normal;
|
|
}
|
|
}
|
|
.components-placeholder__input[type=url]:focus{
|
|
border-color:var(--wp-admin-theme-color);
|
|
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.components-placeholder__input[type=url]::-webkit-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.components-placeholder__input[type=url]::-moz-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
opacity:1;
|
|
}
|
|
.components-placeholder__input[type=url]:-ms-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
|
|
.components-placeholder__instructions{
|
|
margin-bottom:1em;
|
|
}
|
|
|
|
.components-placeholder__error{
|
|
margin-top:1em;
|
|
width:100%;
|
|
}
|
|
|
|
.components-placeholder__fieldset .components-button{
|
|
margin-bottom:12px;
|
|
margin-right:12px;
|
|
}
|
|
.components-placeholder__fieldset .components-button:last-child{
|
|
margin-bottom:0;
|
|
margin-right:0;
|
|
}
|
|
|
|
.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
}
|
|
.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{
|
|
margin-right:0;
|
|
}
|
|
|
|
.components-placeholder.is-large .components-placeholder__label{
|
|
font-size:18pt;
|
|
font-weight:400;
|
|
}
|
|
.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{
|
|
display:none;
|
|
}
|
|
.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{
|
|
flex-direction:column;
|
|
}
|
|
.components-placeholder.is-medium .components-placeholder__fieldset .components-button,.components-placeholder.is-small .components-placeholder__fieldset .components-button{
|
|
margin-right:auto;
|
|
}
|
|
.components-placeholder.is-small .components-button{
|
|
padding:0 8px 2px;
|
|
}
|
|
.components-placeholder.has-illustration{
|
|
-webkit-backdrop-filter:blur(100px);
|
|
backdrop-filter:blur(100px);
|
|
background-color:hsla(0,0%,100%,.1);
|
|
border:1px dashed;
|
|
border-radius:2px;
|
|
box-shadow:none;
|
|
color:inherit;
|
|
display:flex;
|
|
min-width:100px;
|
|
overflow:hidden;
|
|
}
|
|
.is-dark-theme .components-placeholder.has-illustration{
|
|
background-color:rgba(0,0,0,.1);
|
|
}
|
|
.components-placeholder.has-illustration .components-placeholder__fieldset{
|
|
margin-left:0;
|
|
margin-right:0;
|
|
width:auto;
|
|
}
|
|
.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{
|
|
opacity:0;
|
|
transition:opacity .1s linear;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{
|
|
opacity:1;
|
|
}
|
|
|
|
.components-placeholder__preview{
|
|
display:flex;
|
|
justify-content:center;
|
|
}
|
|
|
|
.components-placeholder__illustration{
|
|
stroke:currentColor;
|
|
stroke-dasharray:3;
|
|
box-sizing:initial;
|
|
height:100%;
|
|
left:50%;
|
|
position:absolute;
|
|
top:50%;
|
|
transform:translate(-50%, -50%);
|
|
width:100%;
|
|
}
|
|
|
|
.components-popover{
|
|
z-index:1000000;
|
|
}
|
|
.components-popover.is-expanded{
|
|
bottom:0;
|
|
left:0;
|
|
position:fixed;
|
|
right:0;
|
|
top:0;
|
|
z-index:1000000 !important;
|
|
}
|
|
|
|
.components-popover__content{
|
|
background:#fff;
|
|
border-radius:2px;
|
|
box-shadow:0 2px 6px rgba(0,0,0,.05);
|
|
box-sizing:border-box;
|
|
outline:1px solid #ccc;
|
|
width:min-content;
|
|
}
|
|
.is-alternate .components-popover__content{
|
|
box-shadow:none;
|
|
outline:1px solid #1e1e1e;
|
|
}
|
|
.components-popover.is-expanded .components-popover__content{
|
|
border:none;
|
|
border-top:1px solid #1e1e1e;
|
|
height:calc(100% - 48px);
|
|
outline:none;
|
|
overflow-y:visible;
|
|
position:static;
|
|
width:auto;
|
|
}
|
|
|
|
.components-popover__header{
|
|
align-items:center;
|
|
background:#fff;
|
|
display:flex;
|
|
height:48px;
|
|
justify-content:space-between;
|
|
padding:0 8px 0 16px;
|
|
}
|
|
|
|
.components-popover__header-title{
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
width:100%;
|
|
}
|
|
|
|
.components-popover__close.components-button{
|
|
z-index:5;
|
|
}
|
|
|
|
.components-popover__arrow{
|
|
display:flex;
|
|
height:14px;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
width:14px;
|
|
}
|
|
.components-popover__arrow:before{
|
|
background-color:#fff;
|
|
content:"";
|
|
height:2px;
|
|
left:1px;
|
|
position:absolute;
|
|
right:1px;
|
|
top:-1px;
|
|
}
|
|
.components-popover__arrow.is-top{
|
|
bottom:-14px !important;
|
|
transform:rotate(0);
|
|
}
|
|
.components-popover__arrow.is-right{
|
|
left:-14px !important;
|
|
transform:rotate(90deg);
|
|
}
|
|
.components-popover__arrow.is-bottom{
|
|
top:-14px !important;
|
|
transform:rotate(180deg);
|
|
}
|
|
.components-popover__arrow.is-left{
|
|
right:-14px !important;
|
|
transform:rotate(-90deg);
|
|
}
|
|
|
|
.components-popover__triangle{
|
|
display:block;
|
|
flex:1;
|
|
}
|
|
|
|
.components-popover__triangle-bg{
|
|
fill:#fff;
|
|
}
|
|
|
|
.components-popover__triangle-border{
|
|
fill:transparent;
|
|
stroke-width:1px;
|
|
stroke:#ccc;
|
|
}
|
|
.is-alternate .components-popover__triangle-border{
|
|
stroke:#1e1e1e;
|
|
}
|
|
|
|
.components-radio-control__input[type=radio]{
|
|
border:1px solid #1e1e1e;
|
|
border-radius:2px;
|
|
border-radius:50%;
|
|
box-shadow:0 0 0 transparent;
|
|
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-right:6px;
|
|
margin-top:0;
|
|
padding:6px 8px;
|
|
transition:box-shadow .1s linear;
|
|
transition:none;
|
|
width:24px;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-radio-control__input[type=radio]{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
@media (min-width:600px){
|
|
.components-radio-control__input[type=radio]{
|
|
font-size:13px;
|
|
line-height:normal;
|
|
}
|
|
}
|
|
.components-radio-control__input[type=radio]:focus{
|
|
border-color:var(--wp-admin-theme-color);
|
|
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
|
|
}
|
|
.components-radio-control__input[type=radio]::-webkit-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.components-radio-control__input[type=radio]::-moz-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
opacity:1;
|
|
}
|
|
.components-radio-control__input[type=radio]:-ms-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
@media (min-width:600px){
|
|
.components-radio-control__input[type=radio]{
|
|
height:20px;
|
|
width:20px;
|
|
}
|
|
}
|
|
.components-radio-control__input[type=radio]:checked:before{
|
|
background-color:#fff;
|
|
border:4px solid #fff;
|
|
box-sizing:inherit;
|
|
height:8px;
|
|
margin:0;
|
|
transform:translate(7px, 7px);
|
|
width:8px;
|
|
}
|
|
@media (min-width:600px){
|
|
.components-radio-control__input[type=radio]:checked:before{
|
|
transform:translate(5px, 5px);
|
|
}
|
|
}
|
|
.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;
|
|
}
|
|
.components-radio-control__input[type=radio]:checked{
|
|
background:var(--wp-admin-theme-color);
|
|
border-color:var(--wp-admin-theme-color);
|
|
}
|
|
|
|
.components-resizable-box__handle{
|
|
display:none;
|
|
height:23px;
|
|
width:23px;
|
|
z-index:2;
|
|
}
|
|
.components-resizable-box__container.has-show-handle .components-resizable-box__handle{
|
|
display:block;
|
|
}
|
|
|
|
.components-resizable-box__container>img{
|
|
width:inherit;
|
|
}
|
|
|
|
.components-resizable-box__handle:after{
|
|
background:#fff;
|
|
border-radius:50%;
|
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
content:"";
|
|
cursor:inherit;
|
|
display:block;
|
|
height:15px;
|
|
outline:2px solid transparent;
|
|
position:absolute;
|
|
right:calc(50% - 8px);
|
|
top:calc(50% - 8px);
|
|
width:15px;
|
|
}
|
|
|
|
.components-resizable-box__side-handle:before{
|
|
background:var(--wp-admin-theme-color);
|
|
border-radius:2px;
|
|
content:"";
|
|
cursor:inherit;
|
|
display:block;
|
|
height:3px;
|
|
opacity:0;
|
|
position:absolute;
|
|
right:calc(50% - 1px);
|
|
top:calc(50% - 1px);
|
|
transition:transform .1s ease-in;
|
|
width:3px;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-resizable-box__side-handle:before{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
|
|
.components-resizable-box__corner-handle,.components-resizable-box__side-handle{
|
|
z-index:2;
|
|
}
|
|
|
|
.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{
|
|
border-left:0;
|
|
border-right:0;
|
|
left:0;
|
|
width:100%;
|
|
}
|
|
|
|
.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{
|
|
border-bottom:0;
|
|
border-top:0;
|
|
height:100%;
|
|
top:0;
|
|
}
|
|
|
|
.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-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{
|
|
animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;
|
|
animation-fill-mode:forwards;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.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-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{
|
|
animation-delay:0s;
|
|
animation-duration:1ms;
|
|
}
|
|
}
|
|
|
|
.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{
|
|
animation:components-resizable-box__left-right-animation .1s ease-out 0s;
|
|
animation-fill-mode:forwards;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.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{
|
|
animation-delay:0s;
|
|
animation-duration:1ms;
|
|
}
|
|
}
|
|
@media not all and (-webkit-min-device-pixel-ratio:0),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{
|
|
animation:none;
|
|
}
|
|
}
|
|
}
|
|
@keyframes components-resizable-box__top-bottom-animation{
|
|
0%{
|
|
opacity:0;
|
|
transform:scaleX(0);
|
|
}
|
|
to{
|
|
opacity:1;
|
|
transform:scaleX(1);
|
|
}
|
|
}
|
|
@keyframes components-resizable-box__left-right-animation{
|
|
0%{
|
|
opacity:0;
|
|
transform:scaleY(0);
|
|
}
|
|
to{
|
|
opacity:1;
|
|
transform:scaleY(1);
|
|
}
|
|
}
|
|
.components-resizable-box__handle-right{
|
|
right:-11.5px;
|
|
}
|
|
|
|
.components-resizable-box__handle-left{
|
|
left:-11.5px;
|
|
}
|
|
|
|
.components-resizable-box__handle-top{
|
|
top:-11.5px;
|
|
}
|
|
|
|
.components-resizable-box__handle-bottom{
|
|
bottom:-11.5px;
|
|
}
|
|
.components-responsive-wrapper{
|
|
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;
|
|
width:100%;
|
|
}
|
|
|
|
.components-sandbox{
|
|
overflow:hidden;
|
|
}
|
|
|
|
iframe.components-sandbox{
|
|
width:100%;
|
|
}
|
|
|
|
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;
|
|
padding:16px 48px 16px 16px;
|
|
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 1px 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-admin-theme-color);
|
|
}
|
|
.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__icon{
|
|
align-items:center;
|
|
bottom:0;
|
|
display:flex;
|
|
position:absolute;
|
|
right:12px;
|
|
top:0;
|
|
}
|
|
.components-search-control__icon>svg{
|
|
margin:8px 0;
|
|
}
|
|
|
|
.components-search-control__input-wrapper{
|
|
position:relative;
|
|
}
|
|
|
|
.components-select-control__input{
|
|
-webkit-tap-highlight-color:rgba(0, 0, 0, 0) !important;
|
|
background:#fff;
|
|
height:36px;
|
|
line-height:36px;
|
|
margin:1px;
|
|
outline:0;
|
|
width:100%;
|
|
}
|
|
@media (min-width:782px){
|
|
.components-select-control__input{
|
|
height:28px;
|
|
line-height:28px;
|
|
}
|
|
}
|
|
|
|
@media (max-width:782px){
|
|
.components-base-control .components-base-control__field .components-select-control__input{
|
|
font-size:16px;
|
|
}
|
|
}
|
|
.components-snackbar{
|
|
background-color:#1e1e1e;
|
|
border-radius:2px;
|
|
box-shadow:0 2px 4px rgba(0,0,0,.3);
|
|
box-sizing:border-box;
|
|
color:#fff;
|
|
cursor:pointer;
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:13px;
|
|
max-width:600px;
|
|
padding:16px 24px;
|
|
pointer-events:auto;
|
|
width:100%;
|
|
}
|
|
@media (min-width:600px){
|
|
.components-snackbar{
|
|
width:-moz-fit-content;
|
|
width:fit-content;
|
|
}
|
|
}
|
|
.components-snackbar:focus{
|
|
box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
|
|
}
|
|
.components-snackbar.components-snackbar-explicit-dismiss{
|
|
cursor:default;
|
|
}
|
|
.components-snackbar .components-snackbar__content-with-icon{
|
|
margin-left:24px;
|
|
}
|
|
.components-snackbar .components-snackbar__icon{
|
|
left:28px;
|
|
position:absolute;
|
|
top:24px;
|
|
}
|
|
.components-snackbar .components-snackbar__dismiss-button{
|
|
cursor:pointer;
|
|
margin-left:32px;
|
|
}
|
|
|
|
.components-snackbar__action.components-button{
|
|
color:#fff;
|
|
flex-shrink:0;
|
|
height:auto;
|
|
line-height:1.4;
|
|
margin-left:32px;
|
|
padding:0;
|
|
}
|
|
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){
|
|
background-color:initial;
|
|
text-decoration:underline;
|
|
}
|
|
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{
|
|
box-shadow:none;
|
|
color:#fff;
|
|
outline:1px dotted #fff;
|
|
}
|
|
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
|
|
color:var(--wp-admin-theme-color);
|
|
}
|
|
|
|
.components-snackbar__content{
|
|
align-items:baseline;
|
|
display:flex;
|
|
justify-content:space-between;
|
|
line-height:1.4;
|
|
}
|
|
|
|
.components-snackbar-list{
|
|
box-sizing:border-box;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
width:100%;
|
|
z-index:100000;
|
|
}
|
|
|
|
.components-snackbar-list__notice-container{
|
|
padding-top:8px;
|
|
position:relative;
|
|
}
|
|
|
|
.components-tab-panel__tabs{
|
|
align-items:stretch;
|
|
display:flex;
|
|
flex-direction:row;
|
|
}
|
|
.components-tab-panel__tabs[aria-orientation=vertical]{
|
|
flex-direction:column;
|
|
}
|
|
|
|
.components-tab-panel__tabs-item{
|
|
background:transparent;
|
|
border:none;
|
|
border-radius:0;
|
|
box-shadow:none;
|
|
box-sizing:border-box;
|
|
cursor:pointer;
|
|
font-weight:500;
|
|
height:48px;
|
|
margin-left:0;
|
|
padding:3px 16px;
|
|
transition:box-shadow .1s linear;
|
|
}
|
|
.components-tab-panel__tabs-item:after{
|
|
speak:none;
|
|
content:attr(data-label);
|
|
display:block;
|
|
height:0;
|
|
overflow:hidden;
|
|
visibility:hidden;
|
|
}
|
|
.components-tab-panel__tabs-item:focus:not(:disabled){
|
|
box-shadow:inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
}
|
|
.components-tab-panel__tabs-item.is-active{
|
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color);
|
|
position:relative;
|
|
}
|
|
.components-tab-panel__tabs-item.is-active:before{
|
|
border-bottom:1.5px solid transparent;
|
|
bottom:1px;
|
|
content:"";
|
|
left:0;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
}
|
|
.components-tab-panel__tabs-item:focus{
|
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
}
|
|
.components-tab-panel__tabs-item.is-active:focus{
|
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color);
|
|
}
|
|
|
|
.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 #757575;
|
|
border-radius:2px;
|
|
box-shadow:0 0 0 transparent;
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:16px;
|
|
line-height:normal;
|
|
padding:6px 8px;
|
|
transition:box-shadow .1s linear;
|
|
width:100%;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.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]{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
@media (min-width:600px){
|
|
.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]{
|
|
font-size:13px;
|
|
line-height:normal;
|
|
}
|
|
}
|
|
.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 1px var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.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);
|
|
}
|
|
.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);
|
|
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);
|
|
}
|
|
|
|
.components-tip{
|
|
color:#757575;
|
|
display:flex;
|
|
}
|
|
.components-tip svg{
|
|
fill:#f0b849;
|
|
align-self:center;
|
|
flex-shrink:0;
|
|
margin-right:16px;
|
|
}
|
|
.components-tip p{
|
|
margin:0;
|
|
}
|
|
|
|
.components-accessible-toolbar{
|
|
border:1px solid #1e1e1e;
|
|
border-radius:2px;
|
|
display:inline-flex;
|
|
flex-shrink:0;
|
|
}
|
|
.components-accessible-toolbar>.components-toolbar-group:last-child{
|
|
border-right:none;
|
|
}
|
|
|
|
.components-accessible-toolbar .components-button,.components-toolbar .components-button{
|
|
height:48px;
|
|
padding-left:16px;
|
|
padding-right:16px;
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
.components-accessible-toolbar .components-button:focus:enabled,.components-toolbar .components-button:focus:enabled{
|
|
box-shadow:none;
|
|
outline:none;
|
|
}
|
|
.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{
|
|
animation:components-button__appear-animation .1s ease;
|
|
animation-fill-mode:forwards;
|
|
border-radius:2px;
|
|
content:"";
|
|
display:block;
|
|
height:32px;
|
|
left:8px;
|
|
position:absolute;
|
|
right:8px;
|
|
z-index:-1;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{
|
|
animation-delay:0s;
|
|
animation-duration:1ms;
|
|
}
|
|
}
|
|
.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
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;
|
|
}
|
|
.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;
|
|
}
|
|
.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{
|
|
min-width:48px;
|
|
padding-left:12px;
|
|
padding-right:12px;
|
|
}
|
|
.components-accessible-toolbar .components-button.components-tab-button,.components-toolbar .components-button.components-tab-button{
|
|
font-weight:500;
|
|
}
|
|
.components-accessible-toolbar .components-button.components-tab-button span,.components-toolbar .components-button.components-tab-button span{
|
|
display:inline-block;
|
|
padding-left:0;
|
|
padding-right:0;
|
|
position:relative;
|
|
}
|
|
|
|
@keyframes components-button__appear-animation{
|
|
0%{
|
|
transform:scaleY(0);
|
|
}
|
|
to{
|
|
transform:scaleY(1);
|
|
}
|
|
}
|
|
.components-toolbar__control.components-button{
|
|
position:relative;
|
|
}
|
|
.components-toolbar__control.components-button[data-subscript] svg{
|
|
padding:5px 10px 5px 0;
|
|
}
|
|
.components-toolbar__control.components-button[data-subscript]:after{
|
|
bottom:10px;
|
|
content:attr(data-subscript);
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:13px;
|
|
font-weight:600;
|
|
line-height:12px;
|
|
position:absolute;
|
|
right:8px;
|
|
}
|
|
.components-toolbar__control.components-button:active:before{
|
|
display:none;
|
|
}
|
|
.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{
|
|
color:#fff;
|
|
}
|
|
|
|
.components-toolbar-group{
|
|
background-color:#fff;
|
|
border-right:1px solid #1e1e1e;
|
|
display:inline-flex;
|
|
flex-shrink:0;
|
|
flex-wrap:wrap;
|
|
line-height:0;
|
|
min-height:48px;
|
|
padding-left:6px;
|
|
padding-right:6px;
|
|
}
|
|
.components-toolbar-group .components-toolbar-group.components-toolbar-group{
|
|
border-width:0;
|
|
margin:0;
|
|
}
|
|
.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{
|
|
min-width:36px;
|
|
padding-left:6px;
|
|
padding-right:6px;
|
|
}
|
|
.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{
|
|
min-width:24px;
|
|
}
|
|
.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{
|
|
left:2px;
|
|
right:2px;
|
|
}
|
|
|
|
.components-toolbar{
|
|
background-color:#fff;
|
|
border:1px solid #1e1e1e;
|
|
display:inline-flex;
|
|
flex-shrink:0;
|
|
flex-wrap:wrap;
|
|
margin:0;
|
|
min-height:48px;
|
|
}
|
|
.components-toolbar .components-toolbar.components-toolbar{
|
|
border-width:0;
|
|
margin:0;
|
|
}
|
|
|
|
div.components-toolbar>div{
|
|
display:block;
|
|
margin:0;
|
|
}
|
|
@supports (position:sticky){
|
|
div.components-toolbar>div{
|
|
display:flex;
|
|
}
|
|
}
|
|
div.components-toolbar>div+div.has-left-divider{
|
|
margin-left:6px;
|
|
overflow:visible;
|
|
position:relative;
|
|
}
|
|
div.components-toolbar>div+div.has-left-divider:before{
|
|
background-color:#ddd;
|
|
box-sizing:initial;
|
|
content:"";
|
|
display:inline-block;
|
|
height:20px;
|
|
left:-3px;
|
|
position:absolute;
|
|
top:8px;
|
|
width:1px;
|
|
}
|
|
|
|
.components-tooltip.components-popover{
|
|
z-index:1000002;
|
|
}
|
|
.components-tooltip.components-popover .components-popover__content{
|
|
min-width:min-content;
|
|
}
|
|
|
|
.components-tooltip .components-popover__content{
|
|
background:#1e1e1e;
|
|
border-radius:2px;
|
|
border-width:0;
|
|
box-shadow:none;
|
|
color:#fff;
|
|
font-size:12px;
|
|
line-height:1.4;
|
|
outline:none;
|
|
padding:4px 8px;
|
|
text-align:center;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
.components-tooltip__shortcut{
|
|
display:inline-block;
|
|
margin-left:8px;
|
|
}
|
|
|
|
.disabled-element-wrapper{
|
|
position:relative;
|
|
}
|
|
.disabled-element-wrapper .event-catcher{
|
|
bottom:0;
|
|
height:100%;
|
|
left:0;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
width:100%;
|
|
z-index:100002;
|
|
} |