plate-tool/assets/css/global.css

45 lines
737 B
CSS
Raw Normal View History

2023-05-21 16:45:12 +00:00
:root {
box-sizing: border-box;
margin: 0;
padding: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
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.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;
}
2023-05-21 16:45:12 +00:00
div.plate_container {
border: 2px dashed purple;
grid-column: right / right;
grid-row: upper / 3;
}