31b4ed7a6d
This is a few combined iterations on the DAS feature.
33 lines
737 B
SCSS
33 lines
737 B
SCSS
@import './charts/distribution-bar';
|
|
@import './charts/gauge-chart';
|
|
@import './charts/line-chart';
|
|
@import './charts/recommendation-chart';
|
|
@import './charts/tooltip';
|
|
@import './charts/colors';
|
|
@import './charts/chart-annotation';
|
|
@import './charts/topo-viz';
|
|
@import './charts/topo-viz-node';
|
|
|
|
.inline-chart {
|
|
height: 1.5rem;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
&.is-small {
|
|
width: 50px;
|
|
}
|
|
}
|
|
|
|
// Patterns are templates referenced by other SVG fill properties.
|
|
// Move the pattern svgs out of sight.
|
|
.svg-pattern {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
left: -100%;
|
|
|
|
.das-gradient {
|
|
--full-color: #{change-color($yellow-400, $alpha: 0.7)};
|
|
--faint-color: #{change-color($yellow-400, $alpha: 0.1)};
|
|
}
|
|
}
|