chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
46 lines • 1.54 kB
CSS
.cc__transparency-slider .cc__new-slider__bar__track:before {
content: "";
background-color: #ffffff;
background-image: linear-gradient(45deg, #a0a0a0 25%, transparent 25%), linear-gradient(-45deg, #a0a0a0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #a0a0a0 75%), linear-gradient(-45deg, transparent 75%, #a0a0a0 75%);
background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
background-size: 8px 8px;
background-repeat: repeat;
height: 100%;
width: 100%;
position: absolute;
}
.cc__transparency-slider .cc__new-slider__bar__track:after {
content: "";
background: inherit;
height: 100%;
width: 100%;
position: absolute;
}
.cc__transparency-slider .cc__new-slider__bar__thumb__dot:before {
content: "";
background-color: #ffffff;
background-image: linear-gradient(45deg, #a0a0a0 25%, transparent 25%), linear-gradient(-45deg, #a0a0a0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #a0a0a0 75%), linear-gradient(-45deg, transparent 75%, #a0a0a0 75%);
background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
background-size: 8px 8px;
background-repeat: repeat;
height: inherit;
width: 20px;
position: absolute;
overflow: hidden;
top: inherit;
left: inherit;
border-radius: inherit;
opacity: 1;
transform: none;
}
.cc__transparency-slider .cc__new-slider__bar__thumb__dot:after {
content: "";
background-color: inherit;
height: inherit;
width: 20px;
top: inherit;
left: inherit;
position: absolute;
overflow: hidden;
border-radius: inherit;
}