Contents

%area {

  &-page {
    background-color: white;
    position: relative;
    overflow: hidden;
    display: grid;

    &:not(.setup-docs) {
      grid-template-columns: repeat(2,1fr);
      height: 560px;
    }

    &.setup-docs {
      padding: 20px;
    }

    &.tag {

      &-tree {
        grid-template-rows: 60px 500px;
        grid-template-columns: auto;
      }

      &-new {
        grid-template-columns: 860px 140px;
      }

      &-custom {
        grid-template-columns: 860px 140px;
      }
    }
  }
}

.area {

  &._page {

    &-artwork {
      position: relative;

      &.setup-docs {
        grid-gap: 10px;
        display: grid;
      }
    }
  }

  &._hero.--demo {
    @extend %grid_default;
    justify-content: center;
    padding-bottom: 40px;
    padding-top: 40px;
    display: grid;
  }

  &._book {
    height: 100%;
  }

  &._topbar {
    @include zeros($b : auto);
    border-bottom: 1px solid darken($smoke,10%);
    grid-template-columns: 1fr auto 1fr;
    background-color: white;
    grid-auto-flow: column;
    padding-right: 14px;
    padding-left: 14px;
    display: grid;
    height: 60px;
    z-index: 4;
  }

  &._scroller {
    @include zeros($l : auto);
    grid-template-columns: 1fr 26px 1fr;
    place-items: center;
    min-height: 600px;
    display: grid;
    height: 100%;
    width: 100px;
    z-index: 2;
  }

  &.type {

    &-page {
      @extend %area-page;
    }

    &-chapter {
      @extend %area-page;
      background-color: black;
      color: white;

      ul {
        list-style: none;
        grid-gap: 10px;
        display: grid;

        li {
          @extend h5;
        }
      }
    }
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version	Path
futuro-0.3.4	_sass/_area.scss
futuro-0.3.3	_sass/_area.scss
futuro-0.3.2	_sass/_area.scss
futuro-0.3.1	_sass/_area.scss
futuro-0.3.0	_sass/_area.scss
futuro-0.2.9	_sass/_area.scss