Skip to content

Instantly share code, notes, and snippets.

@Zorono

Zorono/simple-badge.css

Created August 28, 2018 00:27
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 Zorono/54d21a542de81a1d293ff5ccc02152b1 to your computer and use it in GitHub Desktop.
Save Zorono/54d21a542de81a1d293ff5ccc02152b1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
simple-badge.css
.badge {
display:inline-block;
padding-left:8px;
padding-right:8px;
text-align:center;
border-radius:50%;
margin-left:16px;
background-color:rgba(255, 152, 0, 0.75);
color:rgb(255, 255, 255);
}
.badge:hover {
box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
/*
Usage: <span class="badge">Some Text</span>
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment