30 lines
756 B
CSS
30 lines
756 B
CSS
|
.prism-previewer-angle:before {
|
||
|
|
border-radius: 50%;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.prism-previewer-angle:after {
|
||
|
|
margin-top: 4px;
|
||
|
|
}
|
||
|
|
.prism-previewer-angle svg {
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
-webkit-transform: rotate(-90deg);
|
||
|
|
-moz-transform: rotate(-90deg);
|
||
|
|
-ms-transform: rotate(-90deg);
|
||
|
|
-o-transform: rotate(-90deg);
|
||
|
|
transform: rotate(-90deg);
|
||
|
|
}
|
||
|
|
.prism-previewer-angle[data-negative] svg {
|
||
|
|
-webkit-transform: scaleX(-1) rotate(-90deg);
|
||
|
|
-moz-transform: scaleX(-1) rotate(-90deg);
|
||
|
|
-ms-transform: scaleX(-1) rotate(-90deg);
|
||
|
|
-o-transform: scaleX(-1) rotate(-90deg);
|
||
|
|
transform: scaleX(-1) rotate(-90deg);
|
||
|
|
}
|
||
|
|
.prism-previewer-angle circle {
|
||
|
|
fill: transparent;
|
||
|
|
stroke: hsl(200, 10%, 20%);
|
||
|
|
stroke-opacity: 0.9;
|
||
|
|
stroke-width: 32;
|
||
|
|
stroke-dasharray: 0, 500;
|
||
|
|
}
|