Skip to content

Instantly share code, notes, and snippets.

@coffeepostal

coffeepostal/banner.scss

Last active September 25, 2016 20:22
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save coffeepostal/2b649dd8233e8dc5b8b8245702bc42d1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
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;
}
@coffeepostal
Copy link
Copy Markdown
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