open-nomad/ui/app/styles/charts.scss
Buck Doyle 31b4ed7a6d
Add DAS UI code from enterprise (#9192)
This is a few combined iterations on the DAS feature.
2020-10-29 07:46:42 -05:00

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)};
}
}