@media print { * { color: #000!important; text-shadow: none!important; background: transparent!important; box-shadow: none!important; } } .total_score { fill: none; stroke: #00f; stroke-width: 2px; } .graph { rect { fill: none; stroke: #000; shape-rendering: crispEdges; } .y line, .x line, .y_score line { stroke: #ccc; shape-rendering: crispEdges; } .y_score line { stroke: #ddd; stroke-dasharray: 2, 2, 2, 2; } svg{ background-color: #ebebeb; } @media only screen and (max-width: $mobile-max-width){ svg { width: 100%; height: auto; } } }