plate-tool/assets/scss/default_theme/components/_plates.scss

53 lines
959 B
SCSS

div.source_plate, div.dest_plate {
padding: 3px 3px 3px 3px;
}
div.source_plate {
border: 2px solid blue;
}
div.dest_plate {
border: 2px solid red;
}
table, tr, td {
user-select: none; /* Prevents dragging issue */
border-spacing: 0px;
}
td.plate_cell {
height: 2.3vmin;
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: lightblue !important;
}
div.dest_plate td.current_select div.plate_cell_inner {
background: lightcoral !important;
}