/* Slider */ .slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; } .slick-list { position:relative; overflow:hidden; display:block; margin:0; padding:0; &:focus { outline:none; } &.dragging { cursor:pointer; cursor:hand; } } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .slick-track { position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto; &:before, &:after { content:""; display:table; } &:after { clear:both; } .slick-loading & { visibility:hidden; } } .slick-slide { float:left; height:100%; min-height:1px; [dir="rtl"] & { float:right; } img { display:block; } &.slick-loading img { display:none; } display:none; &.dragging img { pointer-events:none; } .slick-initialized & { display:block; } .slick-loading & { visibility:hidden; } .slick-vertical & { display:block; height:auto; border:1px solid transparent; } } .slick-arrow.slick-hidden { display:none; } @charset "UTF-8"; // Default Variables @slick-font-path:"./fonts/"; @slick-font-family:"slick"; @slick-loader-path:"../images/"; @slick-dot-color:black; @slick-dot-color-active:@slick-dot-color; @slick-prev-character:"←"; @slick-next-character:"→"; @slick-dot-size:6px; @slick-opacity-default:0.75; @slick-opacity-on-hover:1; @slick-opacity-not-active:0.25; /* Slider */ .slick-loading .slick-list{ background:#fff url('@{slick-loader-path}loader.gif') center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { position:absolute; display:block; height:20px; width:20px; padding:20px 30px 20px 10px; line-height:0px; font-size:0px; cursor:pointer; background:transparent; color:transparent; top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); border:none; outline:none; background:#fff; border-radius:100px; -webkit-border-radius:100px; z-index:100000; -webkit-box-shadow:0 5px 3px 0 rgba(0, 0, 0, 0.1); box-shadow:0 5px 3px 0 rgba(0, 0, 0, 0.1); &:hover, &:focus { outline:none; &:before { color:#000; } } } .slick-prev:before, .slick-next:before { font-size:25px; color:#4A5C69; font-family:Fontawesome; } .slick-prev { left:-25px; &:before { content:"\f060"; } } .slick-next { right:-25px; &:before { content:"\f061"; } } /* Dots */ .slick-dotted .slick-slider { margin-bottom:30px; } .slick-dots { width:100%; position:absolute; display:block; margin:0; padding:0; bottom:-20px; list-style:none; text-align:center !important; z-index:100; li { height:20px; width:20px; position:relative; display:inline-block; margin:0 5px; padding:0; cursor:pointer; &.slick-active, &:hover { button { background:#fa6414; } } button { height:15px; width:15px; display:block; line-height:0px; font-size:0px; cursor:pointer; border-radius:20px; -webkit-border-radius:20px; border:0; background:#81bc00; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } } }