| Dir : /home/oligap/public_html/wp-content/themes/woodmart/inc/admin/assets/sass/options/ |
| Server: Linux cloud.virginhosting.lk 4.18.0-477.27.2.lve.el8.x86_64 #1 SMP Wed Oct 11 12:32:56 UTC 2023 x86_64 IP: 128.140.68.198 |
| Dir : //home/oligap/public_html/wp-content/themes/woodmart/inc/admin/assets/sass/options/_presets.scss |
// ------------------------------------------------------------------------------------------------
// OPTION PRESETS
// ------------------------------------------------------------------------------------------------
.xts-presets-header {
min-height: 88px;
}
.xts-presets-wrapper {
position: sticky;
top: -56px;
overflow: hidden;
h4 {
margin-top: 0;
font-size: 16px;
line-height: 25px;
}
.xts-notice-top {
margin-top: -20px;
margin-bottom: 20px;
}
.xts-current-preset {
form {
position: relative;
}
> h4,
> .xts-preset-conditions {
transition: all .3s ease;
}
}
&.xts-loading {
.xts-current-preset {
> h4,
> .xts-preset-conditions {
opacity: .5;
pointer-events: none;
}
// h4,
// [class*="xts-"] {
// }
}
}
}
// ------------------------------------------
// PRESET TITLE
// ------------------------------------------
.xts-presets-title {
display: flex;
align-items: center;
margin-bottom: 15px;
h4 {
display: flex;
align-items: center;
margin-bottom: 0;
}
.xts-presets-title-inner {
overflow: hidden;
text-overflow: ellipsis;
margin-inline-end: 5px;
&:not(.xts-edit) {
cursor: pointer;
transition: all .25s ease;
&:hover {
opacity: .9;
}
}
}
}
.xts-current-preset {
.xts-presets-title {
.xts-name-preset {
padding: 0;
min-height: auto;
max-width: 210px;
height: auto;
border: none;
border-bottom: 1px dashed #C7C7C7;
border-radius: 0;
font-size: 16px;
line-height: 25px;
}
}
}
.xts-edit-preset-rule {
box-shadow: none !important;
color: #BBB;
font-size: 0;
transition: all .25s ease;
margin-inline-start: 5px;
&:hover {
color: #000;
opacity: .9;
}
&:before {
vertical-align: middle;
font-size: 20px;
}
}
.xts-input-edit-preset-rule {
&:not(.xts-edit) {
+ h4 {
overflow: hidden;
max-width: 225px;
border-bottom: 1px solid transparent;
white-space: nowrap;
}
}
&.xts-edit {
+ h4 {
.xts-presets-label {
margin-bottom: 1px;
}
}
}
}
// ------------------------------------------
// PRIORITY
// ------------------------------------------
.xts-preset-priority {
position: absolute;
top: 0px;
display: flex;
align-items: center;
inset-inline-end: 12px;
label {
font-weight: 600;
margin-inline-end: 5px;
}
.xts-priority {
max-width: 50px !important;
height: 30px !important;
padding-inline-end: 2px !important;
padding-inline-start: 5px !important;
}
}
// ------------------------------------------
// PRESET CONTENT
// ------------------------------------------
.xts-preset-conditions {
padding-bottom: 10px;
border-bottom: 1px solid $xts-option-border-color;
.xts-btn {
margin-right: $xts-option-space;
margin-bottom: 10px;
.rtl & {
margin-right: 0;
margin-left: $xts-option-space;
}
}
}
.xts-presets-list {
padding: 20px;
background-color: #FFF;
> .xts-notice {
margin-bottom: 20px;
}
}
.xts-current-preset {
position: relative;
padding: 20px;
padding-bottom: 0;
background-color: #FFF;
.xts-rule {
position: relative;
display: flex;
margin-bottom: $xts-option-space / 2;
select,
div {
flex-grow: 1;
flex-basis: 33.33333%;
min-width: 30px;
margin-inline-end: $xts-option-space;
}
select {
margin-bottom: $xts-option-space;
}
}
}
.xts-remove-preset-rule {
position: absolute;
top: 6px;
display: flex;
align-items: center;
width: 22px;
height: 22px;
text-align: center;
font-size: 0;
line-height: 1;
inset-inline-start: calc(100% - 8px);
}
// ------------------------------------------
// INHERIT OPTIONS
// ------------------------------------------
.xts-inherit-checkbox-wrapper {
display: inline-block;
margin-bottom: 10px;
padding: 2px 4px;
border-radius: $xts-option-border-radius;
background: $xts-button-color-primary;
color: white;
white-space: nowrap;
cursor: pointer;
user-select: none;
input {
margin-top: -3px;
margin-right: 0;
margin-left: 2px;
min-width: 14px;
width: 14px;
height: 14px;
border-color: $xts-option-border-color;
&:focus {
border-color: $xts-option-border-color;
}
&:before {
margin-top: -4px !important;
margin-left: -4px !important;
width: 20px !important;
height: 20px !important;
}
}
}
.xts-preset-active {
.xts-option-title {
label {
align-items: flex-start;
flex-direction: column-reverse;
user-select: none;
}
span {
cursor: pointer;
}
}
.xts-custom_fonts-control,
.xts-advanced_typography-field,
.xts-advanced_typography_button-field {
flex-direction: column;
.xts-option-title {
display: block;
flex-basis: 0;
padding-bottom: 0;
span {
display: none;
}
}
}
}
.xts-field {
&.xts-field-disabled {
user-select: none;
.xts-option-title {
border-color: rgba($xts-option-border-color, .4) !important;
label {
> span {
opacity: .4;
}
}
}
.xts-field-description,
.xts-option-control {
opacity: .4;
animation: none;
pointer-events: none;
}
.xts-inherit-checkbox-wrapper {
background: #EFEFEF;
color: #444;
}
}
&.xts-notice-control {
.xts-option-control {
// border-color: rgba($xts-option-border-color, .4) !important;
border-color: $xts-option-border-color !important;
opacity: 1;
}
}
}
// ------------------------------------------
// DESIGN LIST
// ------------------------------------------
.xts-design-list {
ul {
overflow-x: auto;
margin-top: 0;
margin-bottom: 20px;
// max-height: 1668px;
max-height: calc(100vh - 32px);
margin-inline-end: -5px;
padding-inline-end: 5px;
&::-webkit-scrollbar {
width: 5px;
}
&::-webkit-scrollbar-track {
background-color: rgba(#000,.07);
}
&::-webkit-scrollbar-thumb {
background-color: rgba(#000,.12);
}
}
li {
margin-bottom: $xts-option-space;
&.xts-active {
a {
background: $xts-color-alternative;
background-position: right;
background-size: 150%;
&:hover {
background-position: left;
}
> span {
color: #FFF;
}
}
}
&:last-child {
margin-bottom: 0;
}
}
a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px;
border-radius: $xts-option-border-radius;
background-color: $xts-button-color-default;
color: #444;
transition: all .25s ease;
&:active,
&:focus {
outline: none;
box-shadow: none;
}
&:hover {
background-color: $xts-button-color-default-hover;
.xts-remove-preset-btn {
visibility: visible;
opacity: 1;
}
}
> span {
font-weight: 600;
font-size: 16px;
margin-inline-start: 9px;
}
}
.xts-remove-preset-btn {
visibility: hidden;
opacity: 0;
&:before {
content: "\f182";
}
}
}