oont-contents/themes/astra/inc/customizer/custom-controls/assets/css/unminified/divider.css
2025-02-08 15:10:23 +01:00

264 lines
6.8 KiB
CSS

.customize-control-ast-divider hr {
margin-top: 0;
margin-bottom: 0;
border-bottom: none;
}
.customize-control-ast-divider .customize-control-title {
font-size: 15px;
margin: 1em 0 0.2em;
}
.customize-control-ast-divider .customize-control-suffix {
position: absolute;
right: 0;
bottom: 0;
font-weight: 600;
color: var(--ast-customizer-color-1);
display: inline-block;
font-size: 11px;
text-transform: uppercase;
}
.customize-control-ast-divider .customizer-text {
margin-top: -10px;
display: block;
}
.ast-field-settings-modal .customize-control-ast-divider {
background-color: #f5f5f5;
display: block;
padding: 6px 14px;
margin: 0;
border-width: 1px 0;
border-style: solid;
border-color: #dddddd;
line-height: 1;
margin-top: 15px;
}
.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customizer-text {
margin-top: 0;
}
.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customize-control-title {
font-weight: 500;
letter-spacing: 1px;
font-size: 11px;
margin: 0;
text-transform: uppercase;
}
/*
* CSS for ast-divider attribute started.
*/
.ast-bottom-divider {
border-bottom: 1px solid var(--ast-customizer-color-7);
padding-bottom: 25px;
}
.ast-top-divider {
border-top: 1px solid var(--ast-customizer-color-7);
padding-top: 25px;
}
.ast-top-divider > label.ast-divider-title, .ast-bottom-divider > label.ast-divider-title,
.customize-control-ast-color-group > .ast-divider-title {
display: block;
width: 100%;
font-size: 15px;
font-weight: 600;
}
.ast-top-divider .ast-control-wrap .ast-color-btn-reset-wrap {
top: 25px;
}
.ast-top-divider .ast-control-wrap .astra-color-picker-wrap {
top: 55px;
background-color: transparent;
}
.ast-top-divider .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap {
top: 100px;
background-color: transparent;
}
.ast-top-divider .ast-control-wrap .color-button-wrap {
top: 20.5px;
}
.ast-top-divider.customize-control-ast-select .ast-divider-title {
margin-bottom: 25px;
}
/*
* CSS for ast-spacing attribute started.
*/
.customize-control.ast-bottom-spacing, .ast-field-settings-modal .customize-control.ast-bottom-spacing {
margin-bottom: 16px;
}
.customize-control.ast-top-spacing, .ast-field-settings-modal .customize-control.ast-top-spacing {
margin-top: 16px;
}
li.customize-control.ast-bottom-section-spacing {
margin-bottom: 24px;
}
li.customize-control.ast-top-section-spacing {
margin-top: 24px;
}
/*
* CSS for ast-divider attribute started.
*/
.customize-control.ast-top-dotted-divider,
#customize-control-astra-settings-edd-archive-variable-button-text,
#customize-control-astra-settings-header-account-logged-out-text,
#customize-control-astra-settings-shop-load-more-text,
#customize-control-astra-settings-single-product-shipping-text,
#customize-control-astra-settings-checkout-back-to-cart-button-text,
#customize-control-astra-settings-ast-header-retina-logo,
#customize-control-astra-settings-product-sale-percent-value,
#customize-control-astra-settings-header-account-create-menu-link,
#customize-control-astra-settings-woo-cart-button-text,
#customize-control-astra-settings-single-product-recently-viewed-text,
#customize-control-astra-settings-sticky-header-retina-logo {
margin-top: 24px;
padding-top: 24px;
border-top: 1px dashed var(--ast-customizer-color-7);
}
#customize-control-blogname, #customize-control-blogdescription, {
margin-top: 16px;
}
#customize-control-astra-settings-product-sale-percent-value .ast-control-tooltip {
top: 24px;
}
.customize-control.ast-top-dotted-divider .ast-adv-toggle-icon {
top: 25px;
}
.customize-control.ast-bottom-dotted-divider,
#customize-control-astra-settings-header-account-logged-in-text {
margin-bottom: 8px;
padding-bottom: 24px;
border-bottom: 1px dashed var(--ast-customizer-color-7);
}
.customize-control.ast-bottom-dotted-divider .ast-adv-toggle-icon {
bottom: 25px;
}
/*
* CSS for ast-section-divider attribute started.
*/
.customize-control.ast-top-section-divider,
.customize-control.ast-bottom-section-divider {
position: relative;
}
.customize-control.ast-top-section-divider {
padding-top: 32px;
margin-top: 32px;
}
.customize-control.ast-bottom-section-divider {
padding-bottom: 32px;
margin-bottom: 16px;
}
.customize-control.ast-sub-top-dotted-divider {
padding-top: 20px;
}
.customize-control.ast-sub-bottom-dotted-divider {
padding-bottom: 20px;
}
.customize-control.ast-top-section-divider::before,
.customize-control.ast-bottom-section-divider::after {
content: '';
position: absolute;
left: -100%;
background-color: var(--ast-customizer-color-7);
width: 500%;
height: 1px;
}
.customize-control.ast-sub-top-dotted-divider::before,
.customize-control.ast-top-section-divider::before {
top: 0;
}
.customize-control.ast-sub-bottom-dotted-divider::after,
.customize-control.ast-bottom-section-divider::after {
bottom: 0;
}
.customize-control.ast-sub-top-dotted-divider::before,
.customize-control.ast-sub-bottom-dotted-divider::after {
content: '';
border-top: 1px dashed var(--ast-customizer-color-7);
width: calc(100% - 30px);
height: 1px;
position: absolute;
left: 15px;
}
/*
* CSS for ast-first-control-spacing attribute started.
*/
[ID*="-create-menu-link"] .ahfb-builder-item-start {
margin-bottom: 0;
}
.customize-control.ast-section-spacing,
#customize-control-astra-settings-footer-create-menu-link,
#customize-control-astra-settings-footer-language-switcher-options,
#customize-control-astra-settings-header-mobile-menu-create-menu-link,
#customize-control-astra-settings-header-language-switcher-options,
#customize-control-astra-settings-site-icon-link,
#customize-control-custom_logo,
#customize-control-astra-settings-header-above-stick,
[ID*="sub-accordion-section-section-hb-menu-"] [ID*="-create-menu-link"],
[ID*="customize-control-astra-settings-header-button"][ID*="-text"],
[ID*="customize-control-astra-settings-footer-button"][ID*="-text"] {
margin-top: 32px;
}
#customize-control-body-font-variant,
#customize-control-headings-font-variant {
margin-top: 0;
}
/* sidebar specific */
#sub-accordion-section-section-sidebars > .customize-control-ast-heading {
margin-top: 16px;
}
#sub-accordion-section-section-sidebars > .customize-control-ast-heading ~ .customize-control-ast-heading {
margin-top: 32px;
}
/* Sub controls divider support */
.ast-fields-wrap .customize-control.ast-bottom-section-divider::after, .ast-fields-wrap .customize-control.ast-top-section-divider::before {
width: 100%;
left: 0px;
}
.ast-top-dotted-divider .ast-control-tooltip {
top: 22px;
}
.ast-top-section-divider .ast-control-tooltip {
top: 30px;
}
.ast-field-settings-modal .customize-control.ast-top-dotted-divider {
margin-top: 0;
}