/**
 *  typograhy
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/crispy-css
 *
 */

@mixin crispy__core__typography()
{
    // paragraphs
    p {
        margin: $crispy__margin;
        @include crispy__media-breakpoints('margin', $crispy__margin-breakpoints);
    }

    // Semantic text elements
    a,
    ins,
    u {
        text-decoration-skip: ink edges;
    }

    // Add the correct font weight in Chrome, Edge, and Safari.
    b,
    strong {
        font-weight: bolder;
    }

    // Add the correct font size in all browsers.
    small {
        font-size: 80%;
    }

    /**
     *  Prevent `sub` and `sup` elements from affecting the line height in
     *  all browsers.
     */

    sub,
    sup {
      font-size: 70%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
    }

    sub {
      bottom: -0.25em;
    }

    sup {
      top: -0.5em;
    }

    abbr[title] {
        border-bottom: 1px dotted;
        cursor: help;
        text-decoration: none;
    }

    mark {
        padding: 0.25em;
    }


    /**
     *  blockquote
     *
     *
     */

    blockquote {
        border-left: $crispy__border;
        margin-left: 0;
        padding: $crispy__padding;

        p:last-child {
            margin-bottom: 0;
        }
    }


    /**
     *  lists
     *
     */

    dl,
    ol,
    ul {
        padding: 0;
        
        margin: $crispy__margin;
        @include crispy__media-breakpoints('margin', $crispy__margin-breakpoints);
    }

    ol,
    ul {
        margin-left: 1.5em;
    }

    ol ol,
    ul ul {
        margin-top: 0;
        margin-left: 1em;
    }

    ol {
        list-style: decimal outside;
    }

    ul {
        list-style: disc outside;
    }

    dl {
        margin-left: 0.5em;
    }

    dd,
    dt {
        margin: 0;
    }

    dt {
        font-weight: bold;
    }
}