Current path: home/webdevt/www/demo2/wp-content/themes/blocksy/static/sass/backend/options/background/
?? Go up: /home/webdevt/www/demo2/wp-content/themes/blocksy/static/sass/backend/options
.ct-gradient-tab {
> .components-flex {
padding: var(--cpm-pv) var(--cpm-ph);
}
.components-custom-gradient-picker__ui-line {
.components-input-control__input {
border: none !important;
padding-inline-start: 12px !important;
padding-inline-end: 4px !important;
}
}
.components-circular-option-picker__custom-clear-wrapper {
display: none;
}
}
// gradient swatches
.ct-gradient-swatches {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 19px;
margin: 0;
&:not(:empty) {
padding: var(--cpm-pv) var(--cpm-ph);
border-top: 1px dashed #eee;
}
li {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin: auto;
cursor: pointer;
border-radius: 100%;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
background-image: var(--background-image);
transition: box-shadow .1s ease;
&.active {
position: relative;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.1),
0 0 0 2px #fff,
0 0 0 4px #606a73;
&:before {
margin-top: 1px;
position: absolute;
content: "\f15e";
font-family: 'dashicons';
font-size: 20px;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
}
}
}