You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
597 B
34 lines
597 B
$pie-size:300px;
|
|
$pie-bg:#3434AF;
|
|
$red:#ed3457;
|
|
$green:#248991;
|
|
$orange:#ed8724;
|
|
$line-color:#cecece;
|
|
$border-width:5px;
|
|
$segment-border-width:1px;
|
|
|
|
.pie,.target {
|
|
border-radius: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.pie {
|
|
height: $pie-size;
|
|
width: $pie-size;
|
|
background-color:$pie-bg;
|
|
top:$border-width;
|
|
left:$border-width;
|
|
&-segment {
|
|
border: dotted $segment-border-width $line-color;
|
|
position: absolute;
|
|
height: 100%;
|
|
width:100%;
|
|
}
|
|
}
|
|
|
|
.target {
|
|
height: ($pie-size + $border-width * 2);
|
|
width: ($pie-size + $border-width * 2);
|
|
background-color:$line-color;
|
|
}
|