mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-19 02:53:03 +02:00
1de40f71be
This patch, somewhat small brings a lot to WordPress. This includes features like: - DataViews. - Customization tools like box shadow, background size and repeat. - UI improvements in the site editor. - Preferences sharing between the post and site editors. - Unified panels and editors between post and site editors. - Improved template mode in the post editor. - Iterations to multiple interactive blocks. - Preparing the blocks and UI for pattern overrides. - and a lot more. Props luisherranz, gziolo, isabel_brison, costdev, jonsurrell, peterwilsoncc, get_dave, antonvlasenko, desrosj. See #60315. Built from https://develop.svn.wordpress.org/trunk@57377 git-svn-id: http://core.svn.wordpress.org/trunk@56883 1a063a9b-81f0-0310-95a4-ce76da25c4cd
111 lines
2.1 KiB
CSS
111 lines
2.1 KiB
CSS
: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;
|
|
}
|
|
@media (min-resolution:192dpi){
|
|
:root{
|
|
--wp-admin-border-width-focus:1.5px;
|
|
}
|
|
}
|
|
|
|
.preference-base-option+.preference-base-option{
|
|
margin-top:16px;
|
|
}
|
|
.preference-base-option .components-base-control__help{
|
|
margin-left:48px;
|
|
margin-top:0;
|
|
}
|
|
|
|
@media (min-width:600px){
|
|
.preferences-modal{
|
|
height:calc(100% - 120px);
|
|
width:calc(100% - 32px);
|
|
}
|
|
}
|
|
@media (min-width:782px){
|
|
.preferences-modal{
|
|
width:750px;
|
|
}
|
|
}
|
|
@media (min-width:960px){
|
|
.preferences-modal{
|
|
height:70%;
|
|
}
|
|
}
|
|
@media (max-width:781px){
|
|
.preferences-modal .components-modal__content{
|
|
padding:0;
|
|
}
|
|
}
|
|
|
|
.preferences__tabs-tablist{
|
|
left:16px;
|
|
position:absolute;
|
|
top:84px;
|
|
width:160px;
|
|
}
|
|
|
|
.preferences__tabs-tab{
|
|
border-radius:2px;
|
|
font-weight:400;
|
|
}
|
|
.preferences__tabs-tab[aria-selected=true]{
|
|
background:#f0f0f0;
|
|
box-shadow:none;
|
|
font-weight:500;
|
|
}
|
|
.preferences__tabs-tab[aria-selected=true]:after{
|
|
content:none;
|
|
}
|
|
.preferences__tabs-tab[role=tab]:focus:not(:disabled){
|
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.preferences__tabs-tab:focus-visible:before{
|
|
content:none;
|
|
}
|
|
|
|
.preferences__tabs-tabpanel{
|
|
margin-left:160px;
|
|
padding-left:24px;
|
|
}
|
|
|
|
@media (max-width:781px){
|
|
.preferences__provider{
|
|
height:100%;
|
|
}
|
|
}
|
|
.preferences-modal__section{
|
|
margin:0 0 2.5rem;
|
|
}
|
|
.preferences-modal__section:last-child{
|
|
margin:0;
|
|
}
|
|
|
|
.preferences-modal__section-legend{
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
.preferences-modal__section-title{
|
|
font-size:.9rem;
|
|
font-weight:600;
|
|
margin-top:0;
|
|
}
|
|
|
|
.preferences-modal__section-description{
|
|
color:#757575;
|
|
font-size:12px;
|
|
font-style:normal;
|
|
margin:-8px 0 8px;
|
|
}
|
|
|
|
.preferences-modal__section:has(.preferences-modal__section-content:empty){
|
|
display:none;
|
|
} |