diff options
Diffstat (limited to 'inc/customizer/custom-controls/color-group/color-group.scss')
| -rw-r--r-- | inc/customizer/custom-controls/color-group/color-group.scss | 136 |
1 files changed, 136 insertions, 0 deletions
diff --git a/inc/customizer/custom-controls/color-group/color-group.scss b/inc/customizer/custom-controls/color-group/color-group.scss new file mode 100644 index 0000000..f33986d --- /dev/null +++ b/inc/customizer/custom-controls/color-group/color-group.scss @@ -0,0 +1,136 @@ +.color-group-item {
+ .components-tooltip {
+ .components-popover__content {
+ margin-bottom: 12px;
+ border-radius: 3px;
+ >div {
+ padding: 5px 10px;
+ line-height: 1;
+ }
+ }
+ &:before {
+ content: '';
+ position: absolute;
+ left: -5px;
+ top: -12px;
+ bottom: 100%;
+ width: 0;
+ height: 0;
+ border-bottom: 5px solid transparent;
+ border-top: 5px solid #1f1f1f;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ }
+ }
+}
+.customize-control {
+ &.customize-control-ast-color-group {
+ display: flex;
+ flex-wrap: wrap;
+ .ast-toggle-desc-wrap {
+ flex: 1 1 auto;
+ align-self: center;
+ }
+ .customize-control-title {
+ margin-bottom: 5px;
+ }
+ .ast-field-color-group-wrap {
+ justify-content: flex-end;
+ display: flex;
+ }
+ .color-button-wrap {
+ position: inherit;
+ }
+ .color-group-item:not(:last-child) {
+ margin-right: 8px;
+ }
+ .ast-color-group-reset {
+ right: 72px;
+ top: 6px;
+ cursor: pointer;
+ }
+ .ast-color-group-responsive-wrap {
+ display: none;
+ }
+ .ast-color-group-responsive-wrap.active {
+ justify-content: flex-end;
+ display: flex;
+ }
+ .ast-responsive-btns {
+ position: absolute;
+ right: 100px;
+ top: 9px;
+ }
+ .ast-bg-img-remove.components-button.is-link {
+ width: 100%;
+ border: 1px dashed #b4b9be;
+ box-sizing: border-box;
+ box-shadow: unset;
+ padding: 9px 0;
+ line-height: 1.6;
+ margin-top: 10px;
+ text-decoration: none;
+ }
+ .more-settings {
+ margin-top: 12px;
+ display: flex;
+ justify-content: flex-end;
+ padding: 5px 0 5px 0;
+ cursor: pointer;
+ float: none;
+ text-decoration: none;
+ }
+ }
+}
+.customize-control-ast-color-group {
+ .ast-color-multiple-group-reset.ast-color-group-reset {
+ right: 132px;
+ }
+ .ast-responsive-btns.ast-multiple-colors-group {
+ right: 112px;
+ }
+}
+#customize-control-astra-settings-woo-single-page-color-group {
+ .ast-color-group-reset {
+ right: 145px;
+ }
+}
+.ast-top-divider.customize-control-ast-color-group {
+ .ast-control-wrap {
+ .ast-responsive-btns {
+ top: 33px;
+ }
+ .ast-color-btn-reset-wrap {
+ top: 30px;
+ }
+ }
+ .ast-divider-title + .ast-control-wrap {
+ .ast-responsive-btns {
+ top: 78px;
+ }
+ .ast-color-btn-reset-wrap {
+ top: 75px;
+ }
+ }
+}
+.customize-control-ast-color-group {
+ .ast-control-wrap {
+ display: inline-flex;
+ width: 100%;
+ }
+ .ast-divider-title {
+ + {
+ .ast-control-wrap {
+ .ast-color-group-reset {
+ top: 47px;
+ }
+ .ast-responsive-btns {
+ top: 50px;
+ }
+ .astra-color-picker-wrap {
+ top: 73px;
+ }
+ }
+ }
+ }
+}
|