color: var(--#{$prefix}heading-color);
}
-h1 {
+h1,
+.h1 {
@extend %heading;
@include font-size($h1-font-size);
}
-h2 {
+h2,
+.h2 {
@extend %heading;
@include font-size($h2-font-size);
}
-h3 {
+h3,
+.h3 {
@extend %heading;
@include font-size($h3-font-size);
}
-h4 {
+h4,
+.h4 {
@extend %heading;
@include font-size($h4-font-size);
}
-h5 {
+h5,
+.h5 {
@extend %heading;
@include font-size($h5-font-size);
}
-h6 {
+h6,
+.h6 {
@extend %heading;
@include font-size($h6-font-size);
}
//
// Add the correct font size in all browsers
-small {
+small,
+.small {
@include font-size($small-font-size);
}
// Mark
-mark {
+mark,
+.mark {
padding: $mark-padding;
color: var(--#{$prefix}highlight-color);
background-color: var(--#{$prefix}highlight-bg);