WIP: floating edge UI
This commit is contained in:
@@ -103,98 +103,6 @@ use[href="#hex"] {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#dots {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/*
|
||||
[data-view-elevation="-1"] .building > *,
|
||||
[data-view-elevation="-1"] .building > .structure > * {
|
||||
display: none;
|
||||
} */
|
||||
|
||||
/* [data-view-elevation="-1"] .building > .elevation-basement,
|
||||
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure,
|
||||
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure [class*="wall"],
|
||||
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .floor,
|
||||
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .doors:not(.exits),
|
||||
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .door-edges:not(.exits),
|
||||
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .furniture {
|
||||
display: inline;
|
||||
} */
|
||||
|
||||
/* [data-view-elevation="0"] .building .elevation-0,
|
||||
[data-view-elevation="0"] .building .elevation-0 ~ .structure {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
[data-view-elevation="1"] .building .elevation-1,
|
||||
[data-view-elevation="1"] .building .elevation-1 ~ .structure {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
[data-view-elevation="1"] .building .elevation-1 + .structure [class*='wall'],
|
||||
[data-view-elevation="1"] .building .elevation-1 + .structure .doors,
|
||||
[data-view-elevation="1"] .building .elevation-1 + .structure .door-edges,
|
||||
[data-view-elevation="1"] .building .elevation-1 + .structure .windows,
|
||||
[data-view-elevation="1"] .building .elevation-1 + .structure .furniture,
|
||||
[data-view-elevation="1"] .building .elevation-1 ~ .structure .exits {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[data-view-elevation="1"] .building .elevation-1 + .structure .floor {
|
||||
fill: gray;
|
||||
}
|
||||
|
||||
[data-view-elevation="2"] .building .elevation-2,
|
||||
[data-view-elevation="2"] .building .elevation-2 ~ .structure {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
[data-view-elevation="2"] .building .elevation-2 + .structure [class*='wall'],
|
||||
[data-view-elevation="2"] .building .elevation-2 + .structure .doors,
|
||||
[data-view-elevation="2"] .building .elevation-2 + .structure .door-edges,
|
||||
[data-view-elevation="2"] .building .elevation-2 + .structure .windows,
|
||||
[data-view-elevation="2"] .building .elevation-2 + .structure .furniture,
|
||||
[data-view-elevation="2"] .building .elevation-2 ~ .structure .exits {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[data-view-elevation="2"] .building .elevation-2 + .structure .floor {
|
||||
fill: gray;
|
||||
}
|
||||
|
||||
[data-view-elevation="3"] .building .elevation-3,
|
||||
[data-view-elevation="3"] .building .elevation-3 ~ .structure {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
[data-view-elevation="3"] .building .elevation-3 + .structure [class*='wall'],
|
||||
[data-view-elevation="3"] .building .elevation-3 + .structure .doors,
|
||||
[data-view-elevation="3"] .building .elevation-3 + .structure .door-edges,
|
||||
[data-view-elevation="3"] .building .elevation-3 + .structure .windows,
|
||||
[data-view-elevation="3"] .building .elevation-3 + .structure .furniture,
|
||||
[data-view-elevation="3"] .building .elevation-3 ~ .structure .exits {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[data-view-elevation="3"] .building .elevation-3 + .structure .floor {
|
||||
fill: gray;
|
||||
}
|
||||
|
||||
[data-view-elevation="0"] .elevation-0 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
[data-view-elevation="1"] > .elevation-0,
|
||||
[data-view-elevation="1"] > .elevation-1 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
[data-view-elevation="1"] .building .elevation-1 {
|
||||
display: inline;
|
||||
} */
|
||||
|
||||
#tree .trunk {
|
||||
fill: brown;
|
||||
}
|
||||
@@ -210,32 +118,3 @@ use[href="#hex"] {
|
||||
stroke-width: 0.5px;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
[class^="part"] use {
|
||||
fill-opacity: 0.75;
|
||||
}
|
||||
|
||||
.part-1 use {
|
||||
fill: lightseagreen;
|
||||
}
|
||||
|
||||
.part-2 use {
|
||||
fill: lightyellow;
|
||||
}
|
||||
|
||||
.part-3 use {
|
||||
fill: lightblue;
|
||||
}
|
||||
|
||||
.part-4 use {
|
||||
fill: lightsteelblue;
|
||||
}
|
||||
|
||||
.part-5 use {
|
||||
fill: lightsalmon;
|
||||
}
|
||||
|
||||
.part-6 use {
|
||||
fill: lightgreen;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user