artist list-hexagonal blocks (with transform&pseudoclasses)

.artist {

    $hex-dim:130px;
    $hex-side-angle:60deg;
//side 56px, angle 60deg
    width: $hex-dim; height: $hex-dim; position: relative; float:left; margin:0 $space-x-normal $space-x-normal 0;
h2 {position: absolute; height:$hex-dim; width:$hex-dim;}
&:before,
&:after,
h2:before,
h2:after {content:""; position: absolute; display: block; width: $hex-dim/3; height: $hex-dim/3; background:$bg-main; -moz-transform:rotate($hex-side-angle);}
&:before {top:-$hex-dim/6; left:-$hex-dim/6;-moz-transform:rotate(-$hex-side-angle)}
&:after {top:-$hex-dim/6; right:-$hex-dim/6}
h2:before {bottom:-$hex-dim/6; left:-$hex-dim/6}
h2:after {bottom:-$hex-dim/6; right:-$hex-dim/6;-moz-transform:rotate(-$hex-side-angle)}
}