Last active
December 14, 2015 14:48
-
-
Save ProfeC/5103057 to your computer and use it in GitHub Desktop.
Here are a few settings that I've gotten to work with the new Orbit slider that is part of Zurb's Foundation 4.
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
$(document) | |
.foundation('orbit', { | |
animation_speed: 5 | |
, bullets: false | |
, timer_speed: 1000 | |
, stack_on_small: false | |
}) | |
; |
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
.orbit-container .orbit-prev, .orbit-container .orbit-next { | |
display:none | |
} | |
.orbit-container .orbit-timer { | |
background-color:pink; /* no homo */ | |
} | |
.orbit-container .orbit-timer .orbit-progress { | |
background-color:purple; | |
} | |
.orbit-container .orbit-slide-number { | |
top:inherit; left:inherit; bottom:13px; right:13px; | |
} |
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
.orbit-container { | |
.orbit-prev, .orbit-next { | |
display:none; // hide the previous and next buttons | |
} | |
.orbit-timer { | |
background-color:pink; /*! no homo */ // change the background of the timer | |
.orbit-progress { | |
background-color:purple; // change the color of the overlayed progress bar | |
} | |
} | |
.orbit-slide-number { | |
// move the slide numbers to the bottom right corner. | |
top:inherit; | |
left:inherit; | |
bottom:13px; | |
right:13px; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment