23 lines
366 B
SCSS
23 lines
366 B
SCSS
@for $i from 1 through 100 {
|
|
.text-circle span:nth-child(#{$i}) {
|
|
transform: rotate(($i*18)+deg);
|
|
}
|
|
}
|
|
.text-badge {
|
|
position: relative;
|
|
width: 150px;
|
|
border-radius: 50%;
|
|
transform: rotate(-50deg);
|
|
}
|
|
.text-circle {
|
|
span {
|
|
height: 75px;
|
|
position: absolute;
|
|
width: 20px;
|
|
left: 0;
|
|
top: 0;
|
|
transform-origin: bottom center;
|
|
font-size: 12px;
|
|
}
|
|
}
|