创建带横线的Headings

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;
		}
	}
}

Leave a Reply

Your email address will not be published. Required fields are marked *