/**
 * ScrollList UI component
 *
 * `src/styles/components/UI/ScrollList.styl`
 *
 * Styles for the `ScrollList` UI component.
 *
 * Styleguide: ScrollList
 */

/**
 * .ScrollList
 *
 * The Parent class name for the component.
 *
 * Markup:
 * ul(class='ScrollList')
 *  li item A
 *  li item B
 *  li item C
 *
 * Styleguide: ScrollList.1
 */
.ScrollList
  li
    background-color: rgba($sub-color, 0.3)
    line-height: 1.5
    margin-bottom: 0.5em
    padding: 1em