app/assets/stylesheets/houston/core/burndown_chart.scss
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.line {
fill: none;
stroke-width: 1.5px;
stroke: #000;
}
.graph { position: relative; }
dl.legend {
position: absolute;
margin: 0;
top: 1em;
left: 6em;
border: 1px solid #999;
background: white;
overflow: hidden;
padding: 0.5em;
display: inline-block;
line-height: 1em;
font-size: 11px;
dt {
display: inline-block;
width: 1em;
height: 1em;
border-radius: 1em;
}
dd {
display: inline;
line-height: 1.25em;
margin-left: 0.5em;
&:after {
content: '\A';
white-space: pre;
}
}
}
.burndown-chart {
.legend { font-size: 10px; }
.axis text {
font-size: 10px;
}
.regression {
fill: none;
stroke-dasharray: 5px, 4px;
stroke-width: 1.5px;
}
.regression-all {
stroke: #e0e0e0;
}
.regression-last-3 {
stroke: #93C9E5;
}
.regression-last-2 {
stroke: #F8E3BE;
}
.line {
&.line-completed { stroke: #1f77b4; }
&.line-committed { stroke: #cccccc; }
}
circle {
fill: white;
stroke-width: 1.5px;
&.circle-completed { stroke: #1f77b4; }
&.circle-committed { stroke: #cccccc; }
}
.effort-remaining {
font-size: 11px;
font-weight: bold;
&.effort-completed { fill: #1B4E72; }
&.effort-committed { fill: #b0b0b0; }
}
}