Skip to content

Instantly share code, notes, and snippets.

@glinesbdev
Created November 19, 2014 17:06
Show Gist options
  • Save glinesbdev/121448b6ec1a8f0e12cc to your computer and use it in GitHub Desktop.
Save glinesbdev/121448b6ec1a8f0e12cc to your computer and use it in GitHub Desktop.
Beta Tag
Add this code to application.html before the closing </header> tag:
<div class="beta">
<p>BETA</p>
</div>
Then add these styles to the same page:
<style>
.beta {
width: 0;
height: 0;
border-top: 60px solid #08c;
border-right: 60px solid transparent;
position: absolute;
left: 0;
top: 0;
}
.beta p {
position: relative;
text-align: center;
top: -35px;
left: 0;
color: #fff !important;
z-index: 5;
font-weight: bold !important;
margin: 0;
background: none;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment