@mixin docBandTitle($length, $fontWeight: 400, $fontFamily: null, $color: white) {

position: relative;
width: 25px;

@if $fontFamily {
  font-family: unquote($fontFamily);
}

font-weight: $fontWeight;

@if $length {
  height: $length;
}

color: $color;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 400;
letter-spacing: 0.05em;
margin: 0;
margin-left: 6px;
writing-mode: tb-rl;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      white-space: nowrap;
      display: block;
bottom: 0;

}

@mixin docBand(

  $order,
  $textLength: null,
  $offset: 0,
        $color: white,
  $fontWeight: 400,
  $fontFamily: null) {

left: 0;
top: $offset;
height: 100%;
position: fixed;
display: block;

z-index: 100 + $order;

@if $order == 1 {
  box-shadow: -5px 0px 10px #1d1d1d;
}

> :first-child {
  @include docBandTitle($textLength, $fontWeight, $fontFamily, $color);
}

@media print {
  display: none;
}

}

@each $key, $val in $doctype-colors-list {

##{$key}-band {
  background-color: #{$val};
}
##{$key} {
  border-bottom: solid 3px #{$val};
}

}

@each $key, $val in $docstage-colors-list {

##{$key}-band {
  background-color: #{$val};
}
##{$key} {
  border-bottom: solid 3px #{$val};
}

}