.bastet-feature-heading {
position: absolute;
color: $link-color;
text-align: center;
top: 30px;
left: -80px;
right: 0;
margin: auto;
z-index: 3;
.fh-icon {
position: absolute;
width: 24px;
height: 24px;
top: 25px;
left: 40px;
right: 0;
margin: auto;
}
.fh-wrap {
margin-left: 14px;
}
span {
position: absolute;
width: 20px;
height: 80px;
font-size: 12px;
text-shadow: 1px 2px rgba(250, 250, 250, 0.2);
text-transform: uppercase;
font-weight: bold;
}
}
$base_rotate: -80;
@for $i from 1 through 30 {
.bastet-feature-heading .chr#{$i} {
transform: rotate(#{$base_rotate + 20*$i}deg);
}
}