yahoo/scrollable

View on GitHub
examples/css/nested.css

Summary

Maintainability
Test Coverage
/* 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;
}