80 lines
1.4 KiB
CSS
80 lines
1.4 KiB
CSS
.build-overall-container {
|
|
grid-column:3;
|
|
}
|
|
.spell-info-container {
|
|
grid-column:4;
|
|
}
|
|
.summary {
|
|
padding: 2% 4% 4%;
|
|
display: grid;
|
|
grid-template-columns: 1.25fr 1.25fr 1fr 1fr;
|
|
grid-auto-columns: minmax(200px, auto);
|
|
gap: 5px;
|
|
grid-auto-rows: minmax(60px, auto);
|
|
}
|
|
.container {
|
|
padding: 2% 4% 4%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 0.7fr 0.7fr;
|
|
grid-auto-columns: minmax(200px, auto);
|
|
gap: 5px;
|
|
grid-auto-rows: minmax(60px, auto);
|
|
}
|
|
.ingredients {
|
|
padding: 2% 4% 4%;
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-auto-columns: minmax(200px, auto);
|
|
gap: 5px;
|
|
grid-auto-rows: minmax(60px, auto);
|
|
}
|
|
|
|
.build, .spells, .misc {
|
|
padding: 2%;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 20px;
|
|
grid-auto-rows: minmax(60px, auto);
|
|
width: 94%;
|
|
background: #121516;
|
|
}
|
|
|
|
.iteminput {
|
|
|
|
}
|
|
|
|
.skp-input {
|
|
|
|
}
|
|
|
|
.hide-container-block {
|
|
animation-duration: 0.5s;
|
|
animation-name: fadeInFromNone;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
.hide-container-grid {
|
|
animation-duration: 0.5s;
|
|
animation-name: fadeInFromNone;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
.set-info-div {
|
|
animation-duration: 0.5s;
|
|
animation-name: fadeInFromNone;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
@keyframes fadeInFromNone {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
1% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|