Skip to content

Instantly share code, notes, and snippets.

@BolajiOlajide
Last active December 16, 2020 12:59
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save BolajiOlajide/755390726d4e1d11622a1bb2fed66ac1 to your computer and use it in GitHub Desktop.
Save BolajiOlajide/755390726d4e1d11622a1bb2fed66ac1 to your computer and use it in GitHub Desktop.
.selector {
/* Positioning */
position: absolute;
z-index: 10;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Display */
display: inline-block;
overflow: hidden;
box-sizing: border-box;
/* Background */
background-image: url();
background-size: contain;
background-color: #000;
/* Box-Model */
width: 100px;
height: 100px;
margin: 3rem;
padding: 1rem;
border: 3px solid red;
content: '';
/* Text */
font-family: sans-serif;
font-size: 16px;
line-height: 1.4;
text-align: right;
/* Other */
cursor: pointer;
color: #fff;
overflow: scroll;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment