/**
 * ScrollBlock UI component
 *
 * `src/styles/component/UI/ScrollBlock.styl`
 *
 * Styles for the `ScrollBlock` UI component.
 *
 * Weight: -50
 *
 * Styleguide: ScrollBlock
 */

/**
 * .ScrollBlock
 *
 * The Parent class name for the component.
 *
 * Styleguide: ScrollBlock.1
 */
.ScrollBlock
  overflow: auto

  /**
   * .ScrollBlock-loading
   *
   * The element where the loading message appears.
   *
   * .is-loading - Added when the loading process takes place
   *
   * Markup:
   * div(class='ScrollBlock')
   *  | contents goes here ...
   *  p(class='ScrollBlock-loading #{modifier_class}') loading ...
   *
   * Styleguide: ScrollBlock.2
   */
  &-loading
    opacity: 0

    &.is-loading
      opacity: 1