// *--------- TYPOGRAPHY ---------*
strong, b {
    font-weight: 700;
}

del,
strike {
    text-decoration: line-through;
    color: lighten($generalTextColor, 80%);
}

pre {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 10px 20px 40px;

    border-radius: 4px;
    background: $generalBgColor;

    font-size: 13px;
    line-height: 1.6; 
    color: $generalTextColor;

    strong, b {
        font-weight: 700;
    }
}

a {
    @extend %transitionColor;
}

.postExcerpt {
    font-size: 14px;
    line-height: 1.6;     

    blockquote, q {
        padding: 20px;
        margin: 10px 0;

        font-size: 14px;
        line-height: 1.6;
        color: inherit;

        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 4px;

        h2, h3, h4, h5, h6, strong {
            font-size: 16px;
             color: inherit;
        }     

        p, strong {
            color: inherit;
        }
    }

    a {
        color: inherit;

        &:hover {
            color: inherit;
        }
    }

    h1, h2, h3, h4, h5, h6 {
        line-height: 1.6;
    }

    h1 {
        font-size: 42px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 12px;
    }

    ul, ol {
        margin: 20px;

        color: lighten($generalTextColor, 35%);
    }

    ul {
        margin-left: 40px;
        list-style-type: disc;
        color: #757575;
    }

    ol {
        list-style-type: decimal;
    }

    img { 
        margin: 20px 0;
        display: block;
        width: 100%;
        height: 100%;
    }

    p {
        margin-bottom: 10px;

        &:last-of-type {
            margin-bottom: 0;
        }
    }
       
    .postExcerpt {
        img {
            width: 100%;
            height: auto;
        }                 
    }    
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.6;
    p + & {
        margin-top: 20px;
    }
}

@include selection($generalSelectionTextColor, $generalSelectionBgColor);

// *--------- MODULES ---------*
%transitionColor {
    @include transition($props: color);
}