Skip to content

Instantly share code, notes, and snippets.

@dreamalligator
Created January 20, 2015 06:19
Show Gist options
  • Save dreamalligator/53167cd36af539b7d49a to your computer and use it in GitHub Desktop.
Save dreamalligator/53167cd36af539b7d49a to your computer and use it in GitHub Desktop.
A pure CSS version of the Sensor Tower logo.
/*
A pure CSS version of the Sensor Tower Logo
by Tom Spalding
https://github.com/digitalvapor
*/
/* spacer */
a:before {
background-color: #20aa9c;
border-style: solid;
color: transparent;
content: '';
line-height: 110px;
margin-left: -9px;
padding-left: 34px;
text-decoration: none;
}
/* concentric circles */
a{
background: #225153;
border: 30px solid #20aa9c;
border-radius: 150px;
box-shadow:
0 0 0 8px #225153,
0 0 0 42px #20aa9c,
0 0 0 50px #225153;
content: '';
display: inline-block;
height: 20px;
width: 20px;
}
/* bar */
a:after {
border-color: #225153 transparent;
border-style: solid;
border-width: 0 5px 80px;
content: '';
margin-left: 32px;
padding-left: 3px;
position: absolute;
top: 105px;
width: 2px;
}
a:visited{color:transparent;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment