open-consul/ui/packages/consul-ui/app/components/consul/tomography/graph/index.scss

37 lines
717 B
SCSS

.tomography-graph {
.background {
fill: rgb(var(--tone-gray-050));
}
.axis {
fill: none;
stroke: rgb(var(--tone-gray-300));
stroke-dasharray: 4 4;
}
.border {
fill: none;
stroke: rgb(var(--tone-gray-300));
}
.point {
stroke: rgb(var(--tone-gray-400));
fill: rgb(var(--tone-magenta-600));
}
.lines rect {
fill: rgb(var(--tone-magenta-600));
stroke: transparent;
stroke-width: 5px;
}
.lines rect:hover {
fill: rgb(var(--tone-gray-300));
height: 3px;
y: -1px;
}
.tick line {
stroke: rgb(var(--tone-gray-300));
}
.tick text {
font-size: var(--typo-size-600);
text-anchor: start;
color: rgb(var(--tone-gray-900));
}
}