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