@mixin zeros($pos:fixed,$val:0) {
  position: $pos;
  bottom: $val;
  right: $val;
  left: $val;
  top: $val;
}

@mixin ib($align : middle) {
  vertical-align: $align;
  display: inline-block;
}

@mixin center {
  &:before {
    @include ib;
    margin-right: -0.25em;
    height: 100%;
    content: '';
  }
}

@mixin cf {
  &:before {
    content: " ";
    display: table;
  }
  &:after {
    content: " ";
    display: table;
    clear: both;
  }
}

@mixin grid($rep) {
  grid-template-columns: repeat($rep,1fr);
  display: grid;
}

@mixin rotatetitle($origin:bottom left,$deg:-90deg){
  transform-origin: $origin;
  transform: rotate($deg);
  position: absolute;
}

@mixin ThemeBook($name,$col) {

  // Home Books

  .wrap.book.#{$name} {
    background-color: $col;

    svg {
      fill: white;
    }
  }

  // Topbar Links

  .btn.nav-book.#{$name} {
    &:hover {
      background-color: rgba($col,10%);
    }
  }

  .lnk.nav.#{$name} {
    color: $col;
  }

  // Chapter Covers

  .area.type-chapter.book-#{$name} {
    background-color: $col;
  }

  // Search Results

  .block.results-entry.book-#{$name} {
    color: $col;

    &:hover {
      background-color: rgba($col,10%);
    }

    .block.results-dot {
      background-color: $col;
    }
  }
}

// MINDSETS IMPORT ************************************************************

@mixin background($col) {
  svg#background {
    fill: $col;
  }

  svg#tickets {
    g.number path {
      fill: $col;
    }
    path.bar {
      stroke: $col !important;
    }
  }

  .title._animate {
    opacity: 0.4;
    color: $col;
  }
}


@mixin chunk($col) {
  path {
    fill: $col;
  }
  .title {
    color: $col;
  }
}

@mixin grid($rep) {
  grid-template-columns: repeat($rep,1fr);
  display: grid;
}


@mixin rollover($type) {

  .list {
    &._text {
      &-roller {
        border-color: white;
      }
      &-output {
        border-color: rgba($type,0.2);
      }
    }
  }

  .item {
    &._text {
      &-roller {
        background-color: rgba($type,0.1);
        border-color: white;
        color: $type;

        &.active {
          background-color: $type;
          color: white;
        }
      }
      &-output {
        background-color: rgba($type,0.1);
        border-color: rgba($type,0.2);
        color: $type;
      }
    }
  }
}

@mixin theme_roller($type) {
  background-color: rgba($type,0.1);
  color: $type;

  &.active {
    background-color: $type;
    color: white;
  }
}

@mixin theme_output($type) {
  background-color: rgba($type,0.1);
  border-color: rgba($type,0.2);
  color: $type;
}