Contents

// http://monkeyraptor.johanpaul.net/2013/06/circle-clipping-photo-using-css.html
.popolo-circle {
  overflow: hidden;
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  border-radius: 50%;

  background-repeat: no-repeat;
  // Eliminate any 1px border on the image.
  background-size: 102px auto;
  // Faces tend to be low in the image.
  background-position: -1px -15px;
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
popolo-0.1.1	app/assets/stylesheets/popolo/main.css.scss
popolo-0.1.0	app/assets/stylesheets/popolo/main.css.scss
popolo-0.0.3	app/assets/stylesheets/popolo/main.css.scss