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
2 years ago
|
$pie-size:300px;
|
||
|
$pie-bg:#3434AF;
|
||
|
$red:#ed3457;
|
||
|
$green:#248991;
|
||
|
$orange:#ed8724;
|
||
|
$line-color:#cecece;
|
||
|
$border-width:5px;
|
||
|
$segment-border-width:1px;
|
||
|
|
||
2 years ago
|
.pie,.target {
|
||
|
border-radius: 100%;
|
||
|
position: relative;
|
||
|
}
|
||
2 years ago
|
|
||
2 years ago
|
.pie {
|
||
2 years ago
|
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%;
|
||
|
}
|
||
2 years ago
|
}
|
||
2 years ago
|
|
||
2 years ago
|
.target {
|
||
2 years ago
|
height: ($pie-size + $border-width * 2);
|
||
|
width: ($pie-size + $border-width * 2);
|
||
|
background-color:$line-color;
|
||
2 years ago
|
}
|