139 lines
2.3 KiB
SCSS
139 lines
2.3 KiB
SCSS
$customizer-width: 320px;
|
|
|
|
body.rtl {
|
|
|
|
.wp-full-overlay.expanded,
|
|
#customize-header-actions .ct-revert,
|
|
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.wp-full-overlay.expanded {
|
|
@media screen and (max-width: 1666px) {
|
|
margin-right: $customizer-width;
|
|
}
|
|
|
|
@media screen and (min-width: 1667px) {
|
|
margin-right: $customizer-width;
|
|
}
|
|
}
|
|
|
|
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
|
|
margin-right: -#{$customizer-width};
|
|
}
|
|
|
|
|
|
// customizer controls
|
|
#customize-controls .control-section > h3.accordion-section-title {
|
|
border-right: none;
|
|
|
|
&:after {
|
|
right: initial;
|
|
left: 23px;
|
|
}
|
|
}
|
|
|
|
#customize-controls .control-section-child > h3 {
|
|
&:before {
|
|
border-left: none;
|
|
border-right: 1px solid;
|
|
margin-right: 0;
|
|
margin-left: 7px;
|
|
}
|
|
}
|
|
|
|
|
|
// revert button
|
|
#customize-header-actions .ct-revert {
|
|
margin-right: 33px;
|
|
border-right: none;
|
|
border-left: 1px solid #ddd;
|
|
}
|
|
|
|
// dark mode switch
|
|
.ct-dark-mode-switch {
|
|
left: initial;
|
|
right: 48px;
|
|
}
|
|
|
|
.ct-dark-mode {
|
|
#customize-controls {
|
|
border-left-color: #47484b;
|
|
}
|
|
|
|
&.expanded .wp-full-overlay-footer .devices {
|
|
box-shadow: 20px 0 10px -5px #38393c;
|
|
|
|
&:before {
|
|
left: initial;
|
|
right: -5px;
|
|
}
|
|
}
|
|
|
|
#customize-controls .wp-full-overlay-header .ct-revert,
|
|
#customize-controls .wp-full-overlay-header .customize-controls-close {
|
|
border-left-color: #47484b;
|
|
}
|
|
|
|
.ct-view-switch li.ct-builder-toggle {
|
|
border-right-color: #47484b !important;
|
|
}
|
|
}
|
|
|
|
|
|
// header builder
|
|
// .ct-view-switch li {
|
|
// border-right: none;
|
|
// border-left: 1px solid #ddd;
|
|
// }
|
|
|
|
.ct-available-items .ct-item-in-builder:after {
|
|
content: "\f341";
|
|
}
|
|
|
|
.ct-builder-toggle {
|
|
// --ui-margin: 0 auto 0 0;
|
|
// border-left: none !important;
|
|
// border-right: 1px solid #ddd !important;
|
|
|
|
// &:before {
|
|
// margin-right: initial;
|
|
// margin-left: 10px;
|
|
// }
|
|
}
|
|
|
|
.ct-row-actions {
|
|
left: initial;
|
|
right: -2px;
|
|
|
|
&:before {
|
|
margin-right: initial;
|
|
margin-left: 7px;
|
|
}
|
|
}
|
|
|
|
.offcanvas-container {
|
|
margin: 0 0 0 20px;
|
|
}
|
|
|
|
.ct-btn-remove {
|
|
// margin-right: initial;
|
|
// margin-left: -12px;
|
|
right: initial;
|
|
left: 0px;
|
|
}
|
|
|
|
// footer builder
|
|
[data-builder='footer'] .builder-column:not(:last-child) {
|
|
border-right: none;
|
|
border-left: 1px dashed #ccc;
|
|
|
|
&:after {
|
|
right: initial;
|
|
left: -1px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|