74 lines
2.3 KiB
CSS
74 lines
2.3 KiB
CSS
.customize-control-ast-multi-selector .input-wrapper {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
.customize-control-ast-multi-selector .ast-multiselector-inner-wrap {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex: 1 1 0;
|
|
background: var(--ast-customizer-color-9);
|
|
border: 1px solid var(--ast-customizer-color-7);
|
|
padding: .6em 0;
|
|
cursor: pointer;
|
|
--ast-customizer-multiselect-icon-color: var(--ast-customizer-color-6);
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active {
|
|
--ast-customizer-multiselect-icon-color: var(--ast-customizer-color-1);
|
|
border-color: var(--ast-customizer-color-3);
|
|
z-index: 1;
|
|
}
|
|
.customize-control-ast-multi-selector .ast-multiselector-inner-wrap svg {
|
|
fill: var(--ast-customizer-color-10);
|
|
}
|
|
.ast-multiselector-inner-wrap .ahfb-icon-set {
|
|
line-height: 1;
|
|
}
|
|
.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:last-child {
|
|
border-radius: 0px 3px 3px 0px;
|
|
}
|
|
.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:first-child {
|
|
border-radius: 3px 0px 0px 3px;
|
|
}
|
|
.customize-control-ast-multi-selector .ast-multiselector-inner-wrap span[label] {
|
|
color: var(--ast-customizer-color-6);
|
|
}
|
|
.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active span[label] {
|
|
color: var(--ast-customizer-multiselect-icon-color);
|
|
}
|
|
.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap {
|
|
flex: 0 0 calc(50% - 10px);
|
|
margin: 5px;
|
|
}
|
|
.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap:nth-child(2n) {
|
|
margin-right: 0;
|
|
}
|
|
.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap {
|
|
flex: 0 0 calc(33.33% - 10px);
|
|
margin: 5px;
|
|
}
|
|
.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap:nth-child(3n) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
[CLASS*="stack-after-"].ast-alignment-wrapper {
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
[CLASS*="stack-after-"].ast-alignment-wrapper .ast-multiselector-inner-wrap {
|
|
margin: 5px;
|
|
align-items: center;
|
|
padding: 5px;
|
|
height: 30px;
|
|
border-radius: 0;
|
|
}
|
|
.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap {
|
|
flex: 0 0 calc(45% - 10px);
|
|
}
|
|
.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap {
|
|
flex: 0 0 calc(28% - 10px);
|
|
}
|