Last active
December 22, 2015 10:09
-
-
Save floq-design/6456670 to your computer and use it in GitHub Desktop.
Nivo Slider SASS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* jQuery Nivo Slider v3.2 | |
* http://nivo.dev7studios.com | |
* | |
* Copyright 2012, Dev7studios | |
* Free to use and abuse under the MIT license. | |
* http://www.opensource.org/licenses/mit-license.php | |
*/ | |
/* The Nivo Slider styles */ | |
.nivoSlider { | |
position: relative; | |
width: 100%; | |
height: auto; | |
overflow: hidden; | |
img { | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
max-width: none; | |
} | |
/* If an image is wrapped in a link */ | |
a.nivo-imageLink { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
border: 0; | |
padding: 0; | |
margin: 0; | |
z-index: 6; | |
display: none; | |
background: #fff; | |
} | |
} | |
.nivo-main-image { | |
display: block !important; | |
position: relative !important; | |
width: 100% !important; | |
} | |
/* The slices and boxes in the Slider */ | |
.nivo-slice { | |
display: block; | |
position: absolute; | |
z-index: 5; | |
height: 100%; | |
top: 0; | |
} | |
.nivo-box { | |
display: block; | |
position: absolute; | |
z-index: 5; | |
overflow: hidden; | |
img { | |
display: block; | |
} | |
} | |
/* Caption styles */ | |
.nivo-caption { | |
position: absolute; | |
left: 0px; | |
bottom: 0px; | |
background: #000; | |
color: #fff; | |
width: 100%; | |
z-index: 8; | |
padding: 5px 10px; | |
overflow: hidden; | |
display: none; | |
@include opacity(0.8); | |
@include box-sizing(border-box); | |
p { | |
padding: 5px; | |
margin: 0; | |
} | |
a { | |
display: inline !important; | |
} | |
} | |
.nivo-html-caption { | |
display: none; | |
} | |
/* Direction nav styles (e.g. Next & Prev) */ | |
.nivo-directionNav a { | |
position: absolute; | |
top: 45%; | |
z-index: 9; | |
cursor: pointer; | |
} | |
.nivo-prevNav { | |
left: 0px; | |
} | |
.nivo-nextNav { | |
right: 0px; | |
} | |
/* Control nav styles (e.g. 1,2,3...) */ | |
.nivo-controlNav { | |
text-align: center; | |
padding: 15px 0; | |
a { | |
cursor: pointer; | |
&.active { | |
font-weight: bold; | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment