wp_back/wp-includes/css/dist/preferences/style.css

112 lines
2.2 KiB
CSS
Raw Normal View History

2024-05-20 15:37:46 +03:00
: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:#9747ff;
}
@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 #0000;
}
.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;
}