From 87c64d488e1a6167a747f11688678dbaa283fa02 Mon Sep 17 00:00:00 2001 From: Emilia Date: Wed, 7 Jun 2023 20:57:40 -0400 Subject: [PATCH] Remove unused CSS --- assets/css/global.css | 63 ---------------------------------- assets/css/plate.css | 40 --------------------- assets/css/plate_container.css | 16 --------- 3 files changed, 119 deletions(-) delete mode 100644 assets/css/global.css delete mode 100644 assets/css/plate.css delete mode 100644 assets/css/plate_container.css diff --git a/assets/css/global.css b/assets/css/global.css deleted file mode 100644 index 1709ef5..0000000 --- a/assets/css/global.css +++ /dev/null @@ -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); -} diff --git a/assets/css/plate.css b/assets/css/plate.css deleted file mode 100644 index 6d52374..0000000 --- a/assets/css/plate.css +++ /dev/null @@ -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; -} - diff --git a/assets/css/plate_container.css b/assets/css/plate_container.css deleted file mode 100644 index 2fa0ea5..0000000 --- a/assets/css/plate_container.css +++ /dev/null @@ -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; -}