/**
 * Top Page component
 *
 * `src/styles/components/Pages/Top.styl`
 *
 * Styles for the `Top` page component in demo page.
 * Any additional styles for the UI components can be written here.
 *
 * Weight: -65
 *
 * Styleguide: Top
 */

/**
 * .Top
 *
 * The Parent class name for the component.
 *
 * Styleguide: Top.1
 */
.Top
  content-block()

  .ScrollBlock
    border: 1px solid rgba(#000, $border-opacity)
    box-sizing: border-box
    height: 250px
    padding: 10px
    width: 90%

    .ScrollBlock-loading
      background-color: rgba(#000, 0.3);
      color: #fff
      padding: 0.6em
      text-align: center

    h4
      margin-bottom: 1em