examples/css/nested.css
/* Copyright 2015, Yahoo Inc.
Copyrights licensed under the MIT License.
See the accompanying LICENSE file for terms. */
.nested-scroll {
height: 210px;
}
.scrollable-item .nested-scroll .scrollable-item, .nested-native-inner-scroll {
display: inline-block;
position: static;
width: auto;
}
.patterns, .photos {
display: inline-block;
white-space: nowrap;
padding: 5px 0;
margin: 0;
}
.patterns > li, .photos > li {
display: inline-block;
margin: 0 10px;
white-space: normal;
list-style:none;
}
.patterns > li {
width: 200px;
height: 200px;
border-radius: 100px;
}
.photos > li img {
height: 200px;
}
button {
margin: 10px 20px;
padding: 5px;
-webkit-appearance: none;
}
.nested-native-inner {
-webkit-overflow-scrolling: touch;
overflow-x: scroll;
}