Build mobile apps with simple HTML, CSS, and JS components. http://goratchet.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

37 lines
792 B

12 years ago
/* Slider styles (to be used with sliders.js)
-------------------------------------------------- */
// Width/height of slider
12 years ago
.slider,
.slider > li {
width: 100%;
height: 200px;
}
// Outer wrapper for slider
12 years ago
.slider {
overflow: hidden;
background-color: #000;
}
// Inner wrapper for slider (width of all slides together)
12 years ago
.slider > ul {
position: relative;
font-size: 0; // Remove spaces from inline-block children
12 years ago
white-space: nowrap;
-webkit-transition: all 0 linear;
transition: all 0 linear;
}
// Individual slide */
12 years ago
.slider > ul > li {
display: inline-block;
vertical-align: top; // Ensure that li always aligns to top
12 years ago
width: 100%;
height: 100%;
}
// Required reset of font-size to same as standard body
12 years ago
.slider > ul > li > * {
font-size: 14px;
}