/*
 * Copyright (c) 2016 Martin Donath <martin.donath@squidfunk.com>
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to
 * deal in the Software without restriction, including without limitation the
 * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
 * sell copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
 * IN THE SOFTWARE.
 */

/* ----------------------------------------------------------------------------
 * Article appearance
 * ------------------------------------------------------------------------- */

/*
 * Article
 */
.article {

  /*
   * Differing top and bottom rubberband backgrounds in iOS web application
   */
  .ios.standalone & {
    background: linear-gradient(
      to bottom, $white 50%, $primary 50%);

    /* Hack [iOS]: Mitigate black bounding box with linear gradient */
    .wrapper {
      background: linear-gradient(
        to bottom, $white 50%, $white 50%);
    }
  }

  /*
   * Headlines, chapters, links and inline code
   */
  h1, h2, a {
    color: $primary;
  }

  /*
   * Inline code
   */
  code {
    background: #eee;
  }

  /*
   * Keyboard tags
   */
  kbd {
    color: #555;
    background-color: #fcfcfc;
    border: solid 1px #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb;
  }

  /*
   * Lower border for main headline
   */
  h1 {
    border-bottom: 1px solid $black-lightest;
  }

  /*
   * Underline links
   */
  a {
    border-bottom: 1px dotted;
  }

  /*
   * Hovered and focused links
   */
  a:hover, a:focus {
    color: $accent;
  }

  /*
   * Light permalinks
   */
  .headerlink {
    color: $black-lighter;
    border: none;
  }

  /*
   * Data tables
   */
  table {
    @include drop-shadow(1);

    border-radius: 3px;

    /*
     * Table heading
     */
    th {
      background: mix($primary, $white, 75%);
      color: $white;
    }

    /*
     * Table cell
     */
    td {
      border-top: 1px solid rgba($black, 0.05);
    }
  }

  /*
   * Blockquote styles
   */
  blockquote {
    border-left: 2px solid $black-light;
    color: $black-light;
  }
}

/*
 * Article footer
 */
.footer {
  background: $primary;
  color: $white;

  /*
   * Remove bottom border on links
   */
  a {
    border: none;
  }
}

/*
 * Copyright and theme information
 */
.copyright {
  color: $black-light;
}

/*
 * Pagination
 */
.pagination {

  /*
   * Inherit color for links
   */
  a .title, a .button {
    color: $white;
  }

  /*
   * Smaller font size for direction
   */
  .direction {
    color: $white-light;
  }
}

/*
 * Admonition support
 */
.admonition {
  background: $light-blue-400;
  color: $white;

  /*
   * Embedded code blocks
   */
  pre {
    background: $white-lighter;
  }

  /*
   * A warning hint
   */
  &.warning {
    background: $red-400;
  }

  /*
   * Headlines, chapters, links and inline code
   */
  a, a:hover {
    color: $white;
  }
}