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.
53 lines
848 B
53 lines
848 B
$pie-size:300px;
|
|
$pie-bg:#3434AF;
|
|
$red:#ed3457;
|
|
$green:#248991;
|
|
$orange:#ed8724;
|
|
$line-color:#cecece;
|
|
$border-width:5px;
|
|
$segment-border-width:1px;
|
|
|
|
:root{
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.references {
|
|
position:fixed;
|
|
bottom:5px;
|
|
right:5px;
|
|
border-radius:5px;
|
|
padding:10px;
|
|
background-color:lightblue;
|
|
a {
|
|
&[href],&:link,&:hover,&:focus,&:active {
|
|
color:darkblue;
|
|
}
|
|
}
|
|
}
|
|
|