Sha256: ae05767c0df0a1fcc10da2de6306e2920c618ee21408e47302566a077b8fd09e
Contents?: true
Size: 1.45 KB
Versions: 6
Compression:
Stored size: 1.45 KB
Contents
// // ==========================================================================
// // Slider
// //
// // For use with unslider js plugin
// // ==========================================================================
$dot-size: 10px;
//- Unslider css
.unslider {
overflow: auto;
ol, ul {
padding: 0;
margin: 0;
}
}
.unslider-wrap {
position: relative;
}
.unslider-wrap.unslider-carousel li {
float: left;
}
.unslider-fade {
position: relative;
}
.unslider-fade .unslider-wrap li {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 8;
}
.unslider-fade .unslider-wrap li.unslider-active {
z-index: 10;
}
.unslider li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
.unslider-arrow {
position: absolute;
left: 20px;
z-index: 2;
cursor: pointer;
&.next {
left: auto;
right: 20px;
}
}
.unslider-nav,
.slider-nav {
width: 100%;
height: 48px;
padding-top: $space;
ol {
position: absolute;
left: 50%;
@include transform(translateX(-50%));
}
li {
display: block;
float: left;
width: $dot-size;
height: $dot-size;
margin: floor($pad-sm/2);
border-radius: $border-radius-circle;
background: fade-out($purple, .8);
cursor: pointer;
@include transition(background $transition);
@include hide-text();
&:hover {
background: fade-out($purple, .5);
}
&.slide-active {
background: fade-out($purple, .1);
}
}
}
Version data entries
6 entries across 6 versions & 1 rubygems