Skip to content

Instantly share code, notes, and snippets.

@srsgores
Created April 3, 2013 20:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save srsgores/5305036 to your computer and use it in GitHub Desktop.
Save srsgores/5305036 to your computer and use it in GitHub Desktop.
New Module Pseudo-selector Styles
.label, .badge {
font-size: 0.9em;
font-weight: bold;
line-height: 1.4;
color: #fff;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #999;
}
.badge.badge-new::after {
content: 'New';
position: absolute;
width: 100%;
border: 1px solid rgb(207, 207, 207);
top: -0.5em;
left: -1em;
text-align: right;
color: rgb(255, 255, 255);
font-size: 1.2em;
background: rgba(170, 170, 170, 0.52);
box-shadow: inset 0 0 1em -0.5em rgb(255, 255, 255), 0 0 1em #CCC;
padding: 0.3em 1em;
font-weight: 300;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment