coffeepostal/banner.scss

Last active September 25, 2016 20:22

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/coffeepostal/2b649dd8233e8dc5b8b8245702bc42d1.js"></script>
Save coffeepostal/2b649dd8233e8dc5b8b8245702bc42d1 to your computer and use it in GitHub Desktop.

Download ZIP

SCSS: Banner with Edges Cutout

Raw

banner.scss

	.banner {
	height: 0;
	transform: translate(0, rem-calc(-24));
	border: rem-calc(24) red solid;
	border-left: rem-calc(24) transparent solid;
	border-right: rem-calc(24) transparent solid;
	}
	h2 {
	margin: 0;
	margin-top: rem-calc(-16);
	padding: rem-calc(0 8);
	text-align: center;
	}

Author

coffeepostal commented Sep 25, 2016 •

edited

Loading

The HTML code to display the banner is:

<div class="banner">
    <h2>Recent Podcast Episodes</h2>
</div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment