Remove unused CSS

This commit is contained in:
Emilia Allison 2023-06-07 20:57:40 -04:00
parent 37da146940
commit 87c64d488e
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
3 changed files with 0 additions and 119 deletions

View File

@ -1,63 +0,0 @@
:root {
box-sizing: border-box;
margin: 0;
padding: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
h1, h2, h3 {
padding: 0;
margin: 0;
margin-bottom: 0.4em;
margin-top: 0.4em;
}
div.main_container {
height: 95vh;
width: 98vw;
display: grid;
grid-template-columns: [left] 1fr [right] 1fr;
grid-template-rows: [upper] 2fr [lower] 1fr;
column-gap: 1vw;
row-gap: 1vh;
}
div.tree {
grid-column: left / left;
grid-row: upper / upper;
width: 100%;
height: 100%;
border: 2px solid green;
}
div.tree li {
user-select: none;
}
div.tree li.selected {
background: rgba(0,0,150,0.2);
}
div.transfer_menu {
grid-column: left / left;
grid-row: lower / lower;
width: 100%;
height: 100%;
border: 2px solid orange;
}
div.transfer_menu input:invalid {
background-color: #faa;
}
div.plate_container {
border: 2px dashed purple;
grid-column: right / right;
grid-row: upper / 3;
}
.dialog {
padding: 1em;
}
.dialog::backdrop {
background: rgba(0,125,255,0.3);
}

View File

@ -1,40 +0,0 @@
table, tr, td {
user-select: none; /* Prevents dragging issue */
border-spacing: 0px;
}
td.plate_cell {
height: 2vmin;
background: none;
}
div.plate_cell_inner {
aspect-ratio: 1 / 1;
height: 90%;
border-radius: 50%;
border: 2px solid black;
}
td.plate_cell:hover div.plate_cell_inner {
background: black !important;
}
td.plate_cell.in_transfer div.plate_cell_inner::after {
content: "";
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
background-image: repeating-linear-gradient(
45deg,
rgba(0,0,0,0.8),
rgba(0,0,0,0.8) 2px,
transparent 2px,
transparent 4px
);
}
div.source_plate td.current_select div.plate_cell_inner {
background-image: linear-gradient(lightblue, lightblue);
}
div.dest_plate td.current_select div.plate_cell_inner {
background: lightcoral;
}

View File

@ -1,16 +0,0 @@
div.plate_container {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: flex-end;
}
div.source_plate, div.dest_plate {
width: 100%;
}
div.source_plate {
border: 2px solid red;
}
div.dest_plate {
border: 2px solid blue;
}