Alen Grakalic's Pure CSS3 tags in SASS/Compass

gistfile1.sass

//Thank you to Alen Grakalic: http://cssglobe.com/lab/css3_tags/01.html
$_tag_color: #006DDC
.tags
  list-style: none
  margin: 10px 0 0 0
   
.tags li, .tags a
  float: left
  height: 20px
  line-height: 20px
  position: relative
  font-size: 11px
  
.tags a
  margin-left: 20px
  padding: 0 8px 0 10px
  background: $_tag_color
  color: #fff
  text-decoration: none
  +border-top-right-radius(4px)
  +border-bottom-right-radius(4px)
  
.tags a:before
  content: ""
  float: left
  position: absolute
  top: 0
  left: -10px
  width: 0
  height: 0
  border:
    color: transparent $_tag_color transparent transparent
    style: solid
    width: 10px 10px 10px 0
  
.tags a:after
  content: ""
  position: absolute
  top: 8px
  left: 0
  float: left
  width: 4px
  height: 4px
  background: #fff
  +border-radius(2px)
  +box-shadow(-1px -1px 2px #004977)
  
.tags a:hover
  background: #333
.tags a:hover:before
  border-color: transparent #333 transparent transparent