_mixins.scss

////
/// @group structure
////

// ========================
// Page Structure Mixins
// ========================

@import '../utilities';

// Page Numbers
@mixin page-numbers($page-position, $content-position) {
  @if $content-position {
    @each $page-type in
      'front-matter:#{$page-position}' {
      @page #{$page-type} {
        @if $page-position == 'first:left' {
          @if  if-map-get($content-position, left) {
            @include position(if-map-get($content-position, left)) {
              @if head-or-foot($content-position) == 'head' {
                padding-top: $runninghead-padding-top;
              } @else if head-or-foot($content-position) == 'foot' {
                padding-bottom: $runningfoot-padding-bottom;
              }

              @include front-matter-page-number;
            }
          }
        } @else if $page-position == 'first:right' {
          @if  if-map-get($content-position, right) {
            @include position(if-map-get($content-position, right)) {
              @if head-or-foot($content-position) == 'head' {
                padding-top: $runninghead-padding-top;
              } @else if head-or-foot($content-position) == 'foot' {
                padding-bottom: $runningfoot-padding-bottom;
              }

              @include front-matter-page-number;
            }
          }
        } @else {
          @include position($content-position) {
            @if head-or-foot($content-position) == 'head' {
              padding-top: $runninghead-padding-top;
            } @else if head-or-foot($content-position) == 'foot' {
              padding-bottom: $runningfoot-padding-bottom;
            }

            @include front-matter-page-number;
          }
        }
      }
    }

    @each $page-type in
      'introduction:#{$page-position}',
      'post-introduction:#{$page-position}',
      'part:#{$page-position}',
      'chapter:#{$page-position}',
      'back-matter:#{$page-position}' {
      @page #{$page-type} {
        @if $page-position == 'first:left' {
          @if  if-map-get($content-position, left) {
            @include position(if-map-get($content-position, left)) {
              @if head-or-foot($content-position) == 'head' {
                padding-top: $runninghead-padding-top;
              } @else if head-or-foot($content-position) == 'foot' {
                padding-bottom: $runningfoot-padding-bottom;
              }

              @include page-number;
            }
          }
        } @else if $page-position == 'first:right' {
          @if  if-map-get($content-position, right) {
            @include position(if-map-get($content-position, right)) {
              @if head-or-foot($content-position) == 'head' {
                padding-top: $runninghead-padding-top;
              } @else if head-or-foot($content-position) == 'foot' {
                padding-bottom: $runningfoot-padding-bottom;
              }

              @include page-number;
            }
          }
        } @else {
          @include position($content-position) {
            @if head-or-foot($content-position) == 'head' {
              padding-top: $runninghead-padding-top;
            } @else if head-or-foot($content-position) == 'foot' {
              padding-bottom: $runningfoot-padding-bottom;
            }

            @include page-number;
          }
        }
      }
    }
  }
}

@mixin front-matter-page-number {
  font-family: $front-matter-page-number-font-family;
  font-size: $front-matter-page-number-font-size;
  font-style: $front-matter-page-number-font-style;
  font-weight: $front-matter-page-number-font-weight;
  hyphens: none;
  color: if-map-get($page-number-color, $type);
  text-transform: $front-matter-page-number-text-transform;
}

@mixin page-number {
  font-family: $page-number-font-family;
  font-size: $page-number-font-size;
  font-style: $page-number-font-style;
  font-weight: $page-number-font-weight;
  hyphens: none;
  color: if-map-get($page-number-color, $type);
}

@mixin position($content-position) {
  @if $content-position == '@bottom-center' {
    @bottom-center {
      @content;
    }
  }

  @if $content-position == '@bottom-right-corner' {
    @bottom-right-corner {
      @content;
    }
  }

  @if $content-position == '@left-middle' {
    @left-middle {
      @content;
    }
  }

  @if $content-position == '@right-middle' {
    @right-middle {
      @content;
    }
  }

  @if $content-position == '@top-left-corner' {
    @top-left-corner {
      @content;
    }
  }

  @if $content-position == '@top-right' {
    @top-right {
      @content;
    }
  }

  @if $content-position == '@bottom-left-corner' {
    @bottom-left-corner {
      @content;
    }
  }

  @if $content-position == '@bottom-right' {
    @bottom-right {
      @content;
    }
  }

  @if $content-position == '@left-top' {
      @left-top {
        @content;
      }
  }

  @if $content-position == '@right-top' {
    @right-top {
      @content;
    }
  }

  @if $content-position == '@top-left' {
    @top-left {
      @content;
    }
  }

  @if $content-position == '@bottom-left' {
    @bottom-left {
      @content;
    }
  }

  @if $content-position == '@left-bottom' {
    @left-bottom {
      @content;
    }
  }

  @if $content-position == '@right-bottom' {
    @right-bottom {
      @content;
    }
  }

  @if $content-position == '@top-center' {
    @top-center {
      @content;
    }
  }

  @if $content-position == '@top-right-corner' {
    @top-right-corner {
      @content;
    }
  }
}

// Running Content
/// @param {string} $page-position - The page position.
/// @param {string|map} $content-position - The running content position.
@mixin runninghead($page-position, $content-position) {
  @each $page-type in
    'front-matter:#{$page-position}',
    'introduction:#{$page-position}',
    'post-introduction:#{$page-position}',
    'part:#{$page-position}',
    'chapter:#{$page-position}',
    'back-matter:#{$page-position}' {
    @page #{$page-type} {
      @if $page-position == 'first:left' {
        @if  if-map-get($content-position, left) {
          @include position(if-map-get($content-position, left)) {
            padding-top: $runninghead-padding-top;
            font-family: $runninghead-left-font-family;
            font-size: $runninghead-left-font-size;
            font-style: $runninghead-left-font-style;
            font-weight: $runninghead-left-font-weight;
            hyphens: none;
            letter-spacing: $runninghead-left-letter-spacing;
            word-spacing: $runninghead-left-word-spacing;
            color: if-map-get($runninghead-color, $type);
            text-transform: $runninghead-left-text-transform;
          }
        }
      } @else if $page-position == 'first:right' {
        @if  if-map-get($content-position, right) {
          @include position(if-map-get($content-position, right)) {
            padding-top: $runninghead-padding-top;
            font-family: $runninghead-right-font-family;
            font-size: $runninghead-right-font-size;
            font-style: $runninghead-right-font-style;
            font-weight: $runninghead-right-font-weight;
            hyphens: none;
            letter-spacing: $runninghead-right-letter-spacing;
            word-spacing: $runninghead-right-word-spacing;
            color: if-map-get($runninghead-color, $type);
            text-transform: $runninghead-right-text-transform;
          }
        }
      } @else {
        @include position($content-position) {
          padding-top: $runninghead-padding-top;

          @if $page-position == 'left' {
            font-family: $runninghead-left-font-family;
            font-size: $runninghead-left-font-size;
            font-style: $runninghead-left-font-style;
            font-weight: $runninghead-left-font-weight;
            hyphens: none;
            letter-spacing: $runninghead-left-letter-spacing;
            word-spacing: $runninghead-left-word-spacing;
            color: if-map-get($runninghead-color, $type);
            text-transform: $runninghead-left-text-transform;
          } @else if $page-position == 'right' {
            font-family: $runninghead-right-font-family;
            font-size: $runninghead-right-font-size;
            font-style: $runninghead-right-font-style;
            font-weight: $runninghead-right-font-weight;
            hyphens: none;
            letter-spacing: $runninghead-right-letter-spacing;
            word-spacing: $runninghead-right-word-spacing;
            color: if-map-get($runninghead-color, $type);
            text-transform: $runninghead-right-text-transform;
          }
        }
      }
    }
  }
}

// Running Content
/// @param {string} $page-position - The page position.
/// @param {string|map} $content-position - The running content position.
@mixin runningfoot($page-position, $content-position) {
  @each $page-type in
    'front-matter:#{$page-position}',
    'introduction:#{$page-position}',
    'post-introduction:#{$page-position}',
    'part:#{$page-position}',
    'chapter:#{$page-position}',
    'back-matter:#{$page-position}' {
    @page #{$page-type} {
      @if $page-position == 'first:left' {
        @if  if-map-get($content-position, left) {
          @include position(if-map-get($content-position, left)) {
            padding-bottom: $runningfoot-padding-bottom;
            font-family: $runningfoot-left-font-family;
            font-size: $runningfoot-left-font-size;
            font-style: $runningfoot-left-font-style;
            font-weight: $runningfoot-left-font-weight;
            hyphens: none;
            letter-spacing: $runningfoot-left-letter-spacing;
            word-spacing: $runningfoot-left-word-spacing;
            color: if-map-get($runningfoot-color, $type);
            text-transform: $runningfoot-left-text-transform;
          }
        }
      } @else if $page-position == 'first:right' {
        @if  if-map-get($content-position, right) {
          @include position(if-map-get($content-position, right)) {
            padding-bottom: $runningfoot-padding-bottom;
            font-family: $runningfoot-right-font-family;
            font-size: $runningfoot-right-font-size;
            font-style: $runningfoot-right-font-style;
            font-weight: $runningfoot-right-font-weight;
            hyphens: none;
            letter-spacing: $runningfoot-right-letter-spacing;
            word-spacing: $runningfoot-right-word-spacing;
            color: if-map-get($runningfoot-color, $type);
            text-transform: $runningfoot-right-text-transform;
          }
        }
      } @else {
        @include position($content-position) {
          padding-bottom: $runningfoot-padding-bottom;

          @if $page-position == 'left' {
            font-family: $runningfoot-left-font-family;
            font-size: $runningfoot-left-font-size;
            font-style: $runningfoot-left-font-style;
            font-weight: $runningfoot-left-font-weight;
            hyphens: none;
            letter-spacing: $runningfoot-left-letter-spacing;
            word-spacing: $runningfoot-left-word-spacing;
            color: if-map-get($runningfoot-color, $type);
            text-transform: $runningfoot-left-text-transform;
          } @else if $page-position == 'right' {
            font-family: $runningfoot-right-font-family;
            font-size: $runningfoot-right-font-size;
            font-style: $runningfoot-right-font-style;
            font-weight: $runningfoot-right-font-weight;
            hyphens: none;
            letter-spacing: $runningfoot-right-letter-spacing;
            word-spacing: $runningfoot-right-word-spacing;
            color: if-map-get($runningfoot-color, $type);
            text-transform: $runningfoot-right-text-transform;
          }
        }
      }
    }
  }
}

// Page Structure
/// @param {string} $page-type - The page type.
/// @param {string} $page-position - The page position.
/// @param {string|map} $numbering-position - The page numbering position.
/// @param {string|map} $running-content-position - The running content position.
@mixin page-structure($page-type, $page-position, $numbering-position, $running-content-position) {
  @if $numbering-position and $running-content-position {
    @if $numbering-position == $running-content-position {
      @if $page-position != 'first' {
        @page #{$page-type}:#{$page-position} {
          @include position($running-content-position) {
            @if $page-position == 'left' {
              @if $running-content-position == '@top-right'
                or $running-content-position == '@top-right-corner'
                or $running-content-position == '@bottom-right'
                or $running-content-position == '@bottom-right-corner' {
                content: if-map-get($left-running-content, $page-type) $left-running-separator if-map-get($left-page-number, $page-type);
              } @else {
                content: if-map-get($left-page-number, $page-type) $left-running-separator if-map-get($left-running-content, $page-type);
              }
            } @else if $page-position == 'right' {
              @if $running-content-position == '@top-left'
                or $running-content-position == '@top-left-corner'
                or $running-content-position == '@bottom-left'
                or $running-content-position == '@bottom-left-corner' {
                content: if-map-get($right-page-number, $page-type) $right-running-separator if-map-get($right-running-content, $page-type);
              } @else {
                content: if-map-get($right-running-content, $page-type) $right-running-separator if-map-get($left-page-number, $page-type);
              }
            }
          }
        }
      } @else {
        @page #{$page-type}:first:right {
          @include position(if-map-get($running-content-position, right)) {
            @if if-map-get($running-content-position, right) == '@bottom-left'
              or if-map-get($running-content-position, right) == '@bottom-left-corner'
              or if-map-get($running-content-position, right) == '@left-bottom' {
              content: if-map-get($right-page-number, $page-type) $right-running-separator if-map-get($right-running-content, $page-type);
            } @else {
              content: if-map-get($right-running-content, $page-type) $right-running-separator if-map-get($right-page-number, $page-type);
            }
          }
        }

        @page #{$page-type}:first:left {
          @include position(if-map-get($running-content-position, left)) {
            @if if-map-get($running-content-position, left) == '@bottom-right'
              or if-map-get($running-content-position, left) == '@bottom-right-corner'
              or if-map-get($running-content-position, left) == '@right-bottom' {
              content: if-map-get($right-running-content, $page-type) $right-running-separator if-map-get($right-page-number, $page-type);
            } @else {
              content: if-map-get($right-page-number, $page-type) $right-running-separator if-map-get($right-running-content, $page-type);
            }
          }
        }
      }
    } @else {
      @if $page-position != 'first' {
        @page #{$page-type}:#{$page-position} {
          @include position($running-content-position) {
            @if $page-position == 'left' {
              content: if-map-get($left-running-content, $page-type);
            } @else if $page-position == 'right' {
              content: if-map-get($right-running-content, $page-type);
            }
          }

          @include position($numbering-position) {
            @if $page-position == 'left' {
              content: if-map-get($left-page-number, $page-type);
            } @else if $page-position == 'right' {
              content: if-map-get($right-page-number, $page-type);
            }
          }

        }
      } @else {
        @page #{$page-type}:first:right {
          @include position(if-map-get($running-content-position, right)) {
            content: if-map-get($right-running-content, $page-type);
          }
          @include position(if-map-get($numbering-position, right)) {
            content: if-map-get($right-page-number, $page-type);
          }
        }

        @page #{$page-type}:first:left {
          @include position(if-map-get($running-content-position, left)) {
            content: if-map-get($left-running-content, $page-type);
          }
          @include position(if-map-get($numbering-position, left)) {
            content: if-map-get($left-page-number, $page-type);
          }
        }
      }
    }
  } @else {
    @if $numbering-position {
      @if $page-position != 'first' {
        @page #{$page-type}:#{$page-position} {
          @include position($numbering-position) {
            @if $page-position == 'left' {
              content: if-map-get($left-page-number, $page-type);
            } @else if $page-position == 'right' {
              content: if-map-get($right-page-number, $page-type);
            }
          }
        }
      } @else {
        @page #{$page-type}:first:right {
          @include position(if-map-get($numbering-position, right)) {
            content: if-map-get($right-page-number, $page-type);
          }
        }

        @page #{$page-type}:first:left {
          @include position(if-map-get($numbering-position, left)) {
            content: if-map-get($left-page-number, $page-type);
          }
        }
      }
    }

    @if $running-content-position {
      @if $page-position != 'first' {
        @page #{$page-type}:#{$page-position} {
          @include position($running-content-position) {
            @if $page-position == 'left' {
              content: if-map-get($left-running-content, $page-type);
            } @else if $page-position == 'right' {
              content: if-map-get($right-running-content, $page-type);
            }
          }
        }
      } @else {
        @page #{$page-type}:first:right {
          @include position(if-map-get($running-content-position, right)) {
            content: if-map-get($right-running-content, $page-type);
          }
        }

        @page #{$page-type}:first:left {
          @include position(if-map-get($running-content-position, left)) {
            content: if-map-get($left-running-content, $page-type);
          }
        }
      }
    }
  }
}