_typography.scss

/*! 
* Spry Typography
*/
input, textarea, select {
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
}

// Heading Font Sizes and Classes
@each $type_name, $type in $types {
    .#{$type_name}, #{$type_name} {
        @each $type_field, $type_value in $type {
            #{$type_field}: $type_value;
        }
        p + & {
            margin-top: 2rem;
        }
    }
}

section {
    h1 {
        margin-top: -.7rem;
    }
    h2 {
        margin-top: -.6rem;
    }
    h3 {
        margin-top: -.5rem;
    }
}

:not(article) > :is(h1, h2, h3, h4, h5, h6, p) + :is(h2, h3, h4, h5, h6, p, .btn) {
    margin-top: 1rem;
}

a {
    cursor: pointer;
    color: map-get($colors, 'primary');
    text-decoration: none;
    transition: color .2s ease-in-out;
    &:hover,
    &:focus {
        text-decoration: none;
        // color: lighten(map-get($colors, 'primary'), 10%);
    }
}

blockquote {
	margin: 1rem;
	&::before {
		content: '\201C';
	}
	&::after {
		content: '\201D';
	}
	p {
		font: inherit;
		display: inline;
		color: inherit;
	}
}