wip
This commit is contained in:
+193
-97
@@ -1,77 +1,170 @@
|
||||
: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;
|
||||
--wp-block-synced-color:#7a00df;
|
||||
--wp-block-synced-color--rgb:122, 0, 223;
|
||||
--wp-bound-block-color:var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background:#ddd;
|
||||
--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, 160.5;
|
||||
--wp-admin-theme-color-darker-20:#005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb:0, 90, 135;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
}
|
||||
@media (min-resolution:192dpi){
|
||||
:root{
|
||||
--wp-admin-border-width-focus:1.5px;
|
||||
}
|
||||
}
|
||||
.admin-ui-page{
|
||||
background-color:#fff;
|
||||
color:#2f2f2f;
|
||||
container:admin-ui-page/inline-size;
|
||||
display:flex;
|
||||
flex-flow:column;
|
||||
height:100%;
|
||||
position:relative;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
@media (min-width:782px){
|
||||
.edit-post-fullscreen-mode-close.components-button{
|
||||
align-items:center;
|
||||
align-self:stretch;
|
||||
background:#1e1e1e;
|
||||
border:none;
|
||||
border-radius:0;
|
||||
color:#fff;
|
||||
display:flex;
|
||||
height:60px;
|
||||
position:relative;
|
||||
width:60px;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button:active{
|
||||
color:#fff;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button:focus{
|
||||
box-shadow:none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button:before{
|
||||
border-radius:4px;
|
||||
bottom:10px;
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
|
||||
content:"";
|
||||
display:block;
|
||||
left:9px;
|
||||
position:absolute;
|
||||
right:9px;
|
||||
top:9px;
|
||||
@media not (prefers-reduced-motion){
|
||||
.admin-ui-page{
|
||||
transition:width .2s ease-out;
|
||||
}
|
||||
}
|
||||
@media (min-width:782px) and (not (prefers-reduced-motion)){
|
||||
.edit-post-fullscreen-mode-close.components-button:before{
|
||||
transition:box-shadow .1s ease;
|
||||
.admin-ui-page__header{
|
||||
background:#fff;
|
||||
border-bottom:1px solid #f0f0f0;
|
||||
padding:16px 48px;
|
||||
position:sticky;
|
||||
top:0;
|
||||
}
|
||||
|
||||
@container (max-width: 430px){
|
||||
.admin-ui-page__header{
|
||||
padding:16px 24px;
|
||||
}
|
||||
}
|
||||
@media (min-width:782px){
|
||||
.edit-post-fullscreen-mode-close.components-button:hover:before{
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button.has-icon:hover:before{
|
||||
box-shadow:none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button:focus:before{
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #ffffff1a, inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
.admin-ui-page__header-subtitle{
|
||||
color:#757575;
|
||||
font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
||||
font-size:13px;
|
||||
font-weight:400;
|
||||
line-height:20px;
|
||||
margin:0;
|
||||
padding-block-end:8px;
|
||||
}
|
||||
|
||||
.admin-ui-page__content{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
flex-grow:1;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
.admin-ui-page__content.has-padding{
|
||||
padding:16px 20px;
|
||||
}
|
||||
|
||||
@container (max-width: 430px){
|
||||
.admin-ui-page__content.has-padding{
|
||||
padding:16px 24px;
|
||||
}
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon{
|
||||
border-radius:2px;
|
||||
height:36px;
|
||||
margin-top:-1px;
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon{
|
||||
padding:0 8px;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon:after{
|
||||
content:attr(aria-label);
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle{
|
||||
height:64px;
|
||||
left:0;
|
||||
top:0;
|
||||
width:64px;
|
||||
z-index:100;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button{
|
||||
align-items:center;
|
||||
border-radius:0;
|
||||
color:#fff;
|
||||
display:flex;
|
||||
height:100%;
|
||||
justify-content:center;
|
||||
overflow:hidden;
|
||||
padding:0;
|
||||
width:100%;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:active,.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:hover{
|
||||
color:#fff;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:focus{
|
||||
box-shadow:none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon img,.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon svg{
|
||||
background:#1e1e1e;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close-site-icon__icon{
|
||||
fill:currentColor;
|
||||
height:100%;
|
||||
padding:12px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close-site-icon__image{
|
||||
aspect-ratio:1/1;
|
||||
background:#333;
|
||||
height:100%;
|
||||
object-fit:cover;
|
||||
width:36px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close.components-button:focus{
|
||||
position:relative;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button:focus:before{
|
||||
bottom:0;
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
|
||||
content:"";
|
||||
display:block;
|
||||
left:0;
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close__back-icon{
|
||||
align-items:center;
|
||||
background-color:#ccc;
|
||||
display:flex;
|
||||
height:64px;
|
||||
justify-content:center;
|
||||
left:0;
|
||||
pointer-events:none;
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:64px;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__back-icon svg{
|
||||
fill:currentColor;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__back-icon.has-site-icon{
|
||||
backdrop-filter:saturate(180%) blur(15px);
|
||||
background-color:#fff9;
|
||||
}
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon{
|
||||
width:60px;
|
||||
width:64px;
|
||||
}
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg{
|
||||
display:block;
|
||||
@@ -87,56 +180,54 @@
|
||||
flex-direction:column;
|
||||
outline:1px solid #0000;
|
||||
overflow:hidden;
|
||||
}
|
||||
.edit-post-meta-boxes-main.is-resizable{
|
||||
padding-block-start:24px;
|
||||
padding-block-start:32px;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main__presenter{
|
||||
box-shadow:0 1px #ddd;
|
||||
display:flex;
|
||||
height:32px;
|
||||
inset:0 0 auto;
|
||||
outline:1px solid #0000;
|
||||
position:relative;
|
||||
z-index:1;
|
||||
z-index:10000;
|
||||
}
|
||||
.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button,.is-toggle-only>.edit-post-meta-boxes-main__presenter{
|
||||
.edit-post-meta-boxes-main__presenter>button{
|
||||
appearance:none;
|
||||
background-color:initial;
|
||||
border:none;
|
||||
outline:none;
|
||||
padding:0;
|
||||
}
|
||||
.is-toggle-only>.edit-post-meta-boxes-main__presenter{
|
||||
.edit-post-meta-boxes-main__presenter>button[aria-expanded]{
|
||||
align-items:center;
|
||||
cursor:pointer;
|
||||
flex-shrink:0;
|
||||
height:32px;
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
padding-inline:24px 12px;
|
||||
width:100%;
|
||||
}
|
||||
.is-toggle-only>.edit-post-meta-boxes-main__presenter:is(:hover,:focus-visible){
|
||||
.edit-post-meta-boxes-main__presenter>button[aria-expanded]:is(:hover,:focus-visible){
|
||||
color:var(--wp-admin-theme-color);
|
||||
}
|
||||
.is-toggle-only>.edit-post-meta-boxes-main__presenter:focus-visible:after{
|
||||
.edit-post-meta-boxes-main__presenter>button[aria-expanded]:focus-visible:after{
|
||||
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
content:"";
|
||||
inset:var(--wp-admin-border-width-focus);
|
||||
outline:2px solid #0000;
|
||||
position:absolute;
|
||||
}
|
||||
.is-toggle-only>.edit-post-meta-boxes-main__presenter>svg{
|
||||
.edit-post-meta-boxes-main__presenter>button[aria-expanded]>svg{
|
||||
fill:currentColor;
|
||||
}
|
||||
.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter{
|
||||
inset:0 0 auto;
|
||||
}
|
||||
.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button{
|
||||
cursor:inherit;
|
||||
height:24px;
|
||||
.edit-post-meta-boxes-main__presenter button[role=separator]{
|
||||
cursor:row-resize;
|
||||
inset:0;
|
||||
margin:auto;
|
||||
position:absolute;
|
||||
width:64px;
|
||||
}
|
||||
.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button:before{
|
||||
.edit-post-meta-boxes-main__presenter button[role=separator]:before{
|
||||
background-color:#ddd;
|
||||
border-radius:2px;
|
||||
content:"";
|
||||
@@ -149,26 +240,31 @@
|
||||
width:inherit;
|
||||
}
|
||||
@media not (prefers-reduced-motion){
|
||||
.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button:before{
|
||||
.edit-post-meta-boxes-main__presenter button[role=separator]:before{
|
||||
transition:width .3s ease-out;
|
||||
}
|
||||
}
|
||||
.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter:is(:hover,:focus-within)>button:before{
|
||||
.edit-post-meta-boxes-main__presenter button[role=separator]:is(:hover,:focus-visible):before{
|
||||
background-color:var(--wp-admin-theme-color);
|
||||
width:80px;
|
||||
}
|
||||
|
||||
@media (pointer:coarse){
|
||||
.is-resizable.edit-post-meta-boxes-main{
|
||||
padding-block-start:32px;
|
||||
.edit-post-meta-boxes-main{
|
||||
padding-block-start:36px;
|
||||
}
|
||||
.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button{
|
||||
height:32px;
|
||||
.edit-post-meta-boxes-main__presenter{
|
||||
height:36px;
|
||||
}
|
||||
}
|
||||
.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner{
|
||||
overflow:auto;
|
||||
}
|
||||
.edit-post-meta-boxes-main__liner{
|
||||
isolation:isolate;
|
||||
overflow:auto;
|
||||
}
|
||||
.is-resizing.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner{
|
||||
display:unset;
|
||||
}
|
||||
|
||||
.edit-post-layout__metaboxes{
|
||||
@@ -365,10 +461,10 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type{
|
||||
}
|
||||
}
|
||||
|
||||
.edit-post-visual-editor.is-iframed,.editor-header,.editor-post-publish-panel,.editor-sidebar,.editor-text-editor{
|
||||
.edit-post-visual-editor.is-iframed{
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.edit-post-visual-editor.is-iframed *,.edit-post-visual-editor.is-iframed :after,.edit-post-visual-editor.is-iframed :before,.editor-header *,.editor-header :after,.editor-header :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before,.editor-sidebar *,.editor-sidebar :after,.editor-sidebar :before,.editor-text-editor *,.editor-text-editor :after,.editor-text-editor :before{
|
||||
.edit-post-visual-editor.is-iframed *,.edit-post-visual-editor.is-iframed :after,.edit-post-visual-editor.is-iframed :before{
|
||||
box-sizing:inherit;
|
||||
}
|
||||
|
||||
@@ -399,9 +495,9 @@ body.admin-color-light{
|
||||
--wp-admin-theme-color:#0085ba;
|
||||
--wp-admin-theme-color--rgb:0, 133, 186;
|
||||
--wp-admin-theme-color-darker-10:#0073a1;
|
||||
--wp-admin-theme-color-darker-10--rgb:0, 115, 161;
|
||||
--wp-admin-theme-color-darker-10--rgb:0, 114.7661290323, 160.5;
|
||||
--wp-admin-theme-color-darker-20:#006187;
|
||||
--wp-admin-theme-color-darker-20--rgb:0, 97, 135;
|
||||
--wp-admin-theme-color-darker-20--rgb:0, 96.5322580645, 135;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
}
|
||||
@media (min-resolution:192dpi){
|
||||
@@ -414,9 +510,9 @@ body.admin-color-modern{
|
||||
--wp-admin-theme-color:#3858e9;
|
||||
--wp-admin-theme-color--rgb:56, 88, 233;
|
||||
--wp-admin-theme-color-darker-10:#2145e6;
|
||||
--wp-admin-theme-color-darker-10--rgb:33, 69, 230;
|
||||
--wp-admin-theme-color-darker-10--rgb:33.0384615385, 68.7307692308, 230.4615384615;
|
||||
--wp-admin-theme-color-darker-20:#183ad6;
|
||||
--wp-admin-theme-color-darker-20--rgb:24, 58, 214;
|
||||
--wp-admin-theme-color-darker-20--rgb:23.6923076923, 58.1538461538, 214.3076923077;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
}
|
||||
@media (min-resolution:192dpi){
|
||||
@@ -429,9 +525,9 @@ body.admin-color-blue{
|
||||
--wp-admin-theme-color:#096484;
|
||||
--wp-admin-theme-color--rgb:9, 100, 132;
|
||||
--wp-admin-theme-color-darker-10:#07526c;
|
||||
--wp-admin-theme-color-darker-10--rgb:7, 82, 108;
|
||||
--wp-admin-theme-color-darker-10--rgb:7.3723404255, 81.914893617, 108.1276595745;
|
||||
--wp-admin-theme-color-darker-20:#064054;
|
||||
--wp-admin-theme-color-darker-20--rgb:6, 64, 84;
|
||||
--wp-admin-theme-color-darker-20--rgb:5.7446808511, 63.829787234, 84.2553191489;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
}
|
||||
@media (min-resolution:192dpi){
|
||||
@@ -444,9 +540,9 @@ body.admin-color-coffee{
|
||||
--wp-admin-theme-color:#46403c;
|
||||
--wp-admin-theme-color--rgb:70, 64, 60;
|
||||
--wp-admin-theme-color-darker-10:#383330;
|
||||
--wp-admin-theme-color-darker-10--rgb:56, 51, 48;
|
||||
--wp-admin-theme-color-darker-10--rgb:56.2692307692, 51.4461538462, 48.2307692308;
|
||||
--wp-admin-theme-color-darker-20:#2b2724;
|
||||
--wp-admin-theme-color-darker-20--rgb:43, 39, 36;
|
||||
--wp-admin-theme-color-darker-20--rgb:42.5384615385, 38.8923076923, 36.4615384615;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
}
|
||||
@media (min-resolution:192dpi){
|
||||
@@ -459,9 +555,9 @@ body.admin-color-ectoplasm{
|
||||
--wp-admin-theme-color:#523f6d;
|
||||
--wp-admin-theme-color--rgb:82, 63, 109;
|
||||
--wp-admin-theme-color-darker-10:#46365d;
|
||||
--wp-admin-theme-color-darker-10--rgb:70, 54, 93;
|
||||
--wp-admin-theme-color-darker-10--rgb:69.8430232558, 53.6598837209, 92.8401162791;
|
||||
--wp-admin-theme-color-darker-20:#3a2c4d;
|
||||
--wp-admin-theme-color-darker-20--rgb:58, 44, 77;
|
||||
--wp-admin-theme-color-darker-20--rgb:57.6860465116, 44.3197674419, 76.6802325581;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
}
|
||||
@media (min-resolution:192dpi){
|
||||
@@ -474,9 +570,9 @@ body.admin-color-midnight{
|
||||
--wp-admin-theme-color:#e14d43;
|
||||
--wp-admin-theme-color--rgb:225, 77, 67;
|
||||
--wp-admin-theme-color-darker-10:#dd382d;
|
||||
--wp-admin-theme-color-darker-10--rgb:221, 56, 45;
|
||||
--wp-admin-theme-color-darker-10--rgb:221.4908256881, 56.1788990826, 45.0091743119;
|
||||
--wp-admin-theme-color-darker-20:#d02c21;
|
||||
--wp-admin-theme-color-darker-20--rgb:208, 44, 33;
|
||||
--wp-admin-theme-color-darker-20--rgb:207.8348623853, 44.2201834862, 33.1651376147;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
}
|
||||
@media (min-resolution:192dpi){
|
||||
@@ -489,9 +585,9 @@ body.admin-color-ocean{
|
||||
--wp-admin-theme-color:#627c83;
|
||||
--wp-admin-theme-color--rgb:98, 124, 131;
|
||||
--wp-admin-theme-color-darker-10:#576e74;
|
||||
--wp-admin-theme-color-darker-10--rgb:87, 110, 116;
|
||||
--wp-admin-theme-color-darker-10--rgb:87.0873362445, 110.192139738, 116.4126637555;
|
||||
--wp-admin-theme-color-darker-20:#4c6066;
|
||||
--wp-admin-theme-color-darker-20--rgb:76, 96, 102;
|
||||
--wp-admin-theme-color-darker-20--rgb:76.1746724891, 96.384279476, 101.8253275109;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
}
|
||||
@media (min-resolution:192dpi){
|
||||
@@ -504,9 +600,9 @@ body.admin-color-sunrise{
|
||||
--wp-admin-theme-color:#dd823b;
|
||||
--wp-admin-theme-color--rgb:221, 130, 59;
|
||||
--wp-admin-theme-color-darker-10:#d97426;
|
||||
--wp-admin-theme-color-darker-10--rgb:217, 116, 38;
|
||||
--wp-admin-theme-color-darker-10--rgb:216.8782608696, 116.1847826087, 37.6217391304;
|
||||
--wp-admin-theme-color-darker-20:#c36922;
|
||||
--wp-admin-theme-color-darker-20--rgb:195, 105, 34;
|
||||
--wp-admin-theme-color-darker-20--rgb:195.147826087, 104.5434782609, 33.852173913;
|
||||
--wp-admin-border-width-focus:2px;
|
||||
}
|
||||
@media (min-resolution:192dpi){
|
||||
|
||||
Reference in New Issue
Block a user