refactor scss
This commit is contained in:
parent
8de28b903b
commit
343690b9bb
27
scss/_map.scss
Normal file
27
scss/_map.scss
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
.stroke-first {
|
||||||
|
paint-order: stroke;
|
||||||
|
}
|
||||||
|
|
||||||
|
.map {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.node-alert {
|
||||||
|
-webkit-animation: blink 2s linear;
|
||||||
|
-webkit-animation-iteration-count: infinite;
|
||||||
|
animation: blink 2s linear;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes blink {
|
||||||
|
0% { opacity: 1.0; }
|
||||||
|
80% { opacity: 1.0; }
|
||||||
|
90% { opacity: 0.0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes blink {
|
||||||
|
0% { opacity: 1.0; }
|
||||||
|
80% { opacity: 1.0; }
|
||||||
|
90% { opacity: 0.0; }
|
||||||
|
}
|
|
@ -6,12 +6,9 @@ $sidebarwidth: 420pt;
|
||||||
$sidebarwidthsmall: 360pt;
|
$sidebarwidthsmall: 360pt;
|
||||||
$buttondistance: 12pt;
|
$buttondistance: 12pt;
|
||||||
|
|
||||||
|
@import '_map';
|
||||||
@import '_forcegraph';
|
@import '_forcegraph';
|
||||||
|
|
||||||
.stroke-first {
|
|
||||||
paint-order: stroke;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contenttoggle {
|
.contenttoggle {
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -257,18 +254,6 @@ button.close:after {
|
||||||
right: 0.5em;
|
right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
.node-alert {
|
|
||||||
-webkit-animation: blink 2s linear;
|
|
||||||
-webkit-animation-iteration-count: infinite;
|
|
||||||
animation: blink 2s linear;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.proportion th {
|
.proportion th {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-align: right !important;
|
text-align: right !important;
|
||||||
|
@ -294,18 +279,6 @@ button.close:after {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes blink {
|
|
||||||
0% { opacity: 1.0; }
|
|
||||||
80% { opacity: 1.0; }
|
|
||||||
90% { opacity: 0.0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes blink {
|
|
||||||
0% { opacity: 1.0; }
|
|
||||||
80% { opacity: 1.0; }
|
|
||||||
90% { opacity: 0.0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 80em) {
|
@media screen and (max-width: 80em) {
|
||||||
.sidebar {
|
.sidebar {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
|
|
Loading…
Reference in a new issue