Heading with line

Image 2020-04-07 at 4.46.41 PM.png
h1, h2, h3, h4, h5, h6 {

	&.is-style-line {
		display: flex;
		align-items: center;

		&::after {
			flex: 1;
			content: '';
			background: brand-color( 'primary', 'bg' );
			height: 1px;
			margin-left: 26px;
			width: 100%;
		}

		// If heading has link, strong, em... flex collapses space between words
		& > * {
			margin: 0 5px;
		}
	}
}
Bill Erickson

Bill Erickson is a freelance WordPress developer and a contributing developer to the Genesis framework. For the past 14 years he has worked with attorneys, publishers, corporations, and non-profits, building custom websites tailored to their needs and goals.

Ready to upgrade your website?

I build custom WordPress websites that look great and are easy to manage.

Let's Talk