Skip to content

Instantly share code, notes, and snippets.

@jbaxleyiii
Last active August 29, 2015 14:25
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 jbaxleyiii/51de66fe8b0978add7b3 to your computer and use it in GitHub Desktop.
Save jbaxleyiii/51de66fe8b0978add7b3 to your computer and use it in GitHub Desktop.
NewSpring

To get all of our updated and lean (12kb) styles use this -->

<link rel="stylesheet" href="//s3.amazonaws.com/cdn.newspring.cc/newspring/master.css">

If you JUST want the newspring icon use this:

.newspring--icon {
  border-radius:50% 47% 0 47%;
  position:relative;
  display:inline-block;
  text-indent:-99999px;
  font-size:0;
  background-color:#6bac43;
  width:40px;
  height:40px;
  margin:0 auto;
}

.fluid.newspring--icon {
  width:100%;
  height:auto;
  padding-bottom:100%;
}

.newspring--icon:before {
  position:absolute;
  top:50%;
  left:50%;
  border-radius:0 36% 0 0;
  width:47.5%;
  height:auto;
  margin-top:-20.625%;
  margin-left:-21.25%;
  padding-bottom:45.625%;
  content:'';
  background-color:#fff;
}

.newspring--icon:after {
  position:absolute;
  top:50%;
  left:50%;
  border-radius:50% 50% 0 0 25% 0 0;
  width:15%;
  height:33.75%;
  margin-top:-8.75%;
  margin-left:-5%;
  content:'';
  background-color:#6bac43;
}

Either way then you can include this markup:

<span class="newspring--icon"></span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment