Skip to content

Instantly share code, notes, and snippets.

@borbit
Last active March 23, 2016 19:07
Show Gist options
  • Save borbit/c0343a8f8e8283d37c26 to your computer and use it in GitHub Desktop.
Save borbit/c0343a8f8e8283d37c26 to your computer and use it in GitHub Desktop.
.block__element_modifier {
/* visibility */
display: block;
visibility: visible;
overflow: hidden;
/* positioning */
position: absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
float: left;
clear: both;
/* geometry */
margin: 0;
padding: 0;
height: 100%;
width: 20px;
/* appearance */
border: 1px solid green;
background: #aaa no-repeat center;
background-image: url("img/icon.png");
box-shadow: 0 0 10px rgba(0,0,0,.5);
/* typography */
text-align: right;
text-decoration: underline;
text-shadow: 0 1px 1px rgba(0,0,0,.5);
font-weight: 500;
font-size: 16px;
color: #333;
/* mixins */
.box-sizing(border-box);
.transform(translate(0, 100px));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment