Content added Content deleted
MarbleNiter (talk | contribs) mNo edit summary |
MarbleNiter (talk | contribs) mNo edit summary |
||
Line 1: | Line 1: | ||
/* |
|||
.page-grid { |
|||
display: grid; |
|||
grid-template-columns: repeat(auto-fit, minmax(min(360px,100%),1fr)); |
|||
grid-gap: 1em 2em; |
|||
margin-bottom: 4em; |
|||
} |
|||
*/ |
|||
.page-grid { |
.page-grid { |
||
display: flex; |
display: flex; |
||
Line 23: | Line 15: | ||
padding: 16px; |
padding: 16px; |
||
justify-content: center; |
justify-content: center; |
||
/* background: var(--color-surface-2); |
|||
border: 1px solid #ffffff1a; |
|||
border-radius: 8px; */ |
|||
} |
} |
||
Line 80: | Line 69: | ||
.info-data img { |
.info-data img { |
||
vertical-align: middle; |
vertical-align: middle; |
||
} |
|||
.talents-section, .levels-section { |
|||
grid-column: 1 / span 2; |
|||
} |
} |
Revision as of 16:55, 2 July 2024
.page-grid {
display: flex;
flex-flow: column nowrap;
}
.intro-section {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(360px,1fr));
grid-gap: 2em;
}
.weapon-infobox {
display: grid;
grid-auto-flow: row;
padding: 16px;
justify-content: center;
}
@media screen and (min-width: 640px) {
.weapon-infobox {
grid-row: 1 / span 1;
}
}
.infobox-title{
font-size: 1.25em;
font-weight: 300;
letter-spacing: 0.04em;
color: var(--color-base--emphasized);
text-align: center;
margin-bottom: 8px;
}
.weapon-image {
display: grid;
justify-items: center;
padding: 16px;
}
.weapon-details {
display: grid;
grid-gap: 16px;
grid-template-columns: repeat(3, minmax(80px, 1fr));
padding: 16px;
justify-items: center;
}
.section-item {
display: grid;
grid-auto-flow: row;
justify-items: center;
}
.info-label {
font-size: 0.8em;
letter-spacing: 0.04em;
color: var(--color-base--subtle);
}
.info-data {
font-size: 1em;
color: var(--color-base--emphasized);
}
p, li {
font-size: 0.9em;
}
.info-data img {
vertical-align: middle;
}