8de28b903b
- 3 sidebar variations (margin, no margin, below content) depending on screen size - scrolling sidebar will scroll document (more space on mobile devices) - wrap map/graph on div.content
58 lines
778 B
SCSS
58 lines
778 B
SCSS
.graph {
|
|
height: 100%;
|
|
width: 100%;
|
|
background: url(img/gplaypattern.png);
|
|
|
|
svg {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.link {
|
|
stroke-opacity: 0.8;
|
|
|
|
line {
|
|
stroke-width: 2.5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
&.highlight line {
|
|
stroke-width: 7px;
|
|
stroke-dasharray: 10, 10;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.node {
|
|
fill: #fff;
|
|
stroke-width: 2.5px;
|
|
stroke: #AEC7E8;
|
|
|
|
&:not(.unknown) {
|
|
cursor: pointer;
|
|
}
|
|
|
|
&.highlight {
|
|
stroke: #FFD486;
|
|
stroke-width: 6px;
|
|
fill: orange;
|
|
point-order: stroke;
|
|
}
|
|
|
|
&.unknown {
|
|
stroke: #d00000;
|
|
}
|
|
}
|
|
|
|
.label {
|
|
text {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
rect {
|
|
fill: rgba(255, 255, 255, 0.8);
|
|
}
|
|
}
|
|
}
|