Module:GameInfo/styles.css: Difference between revisions
From SpiritVale Wiki
More actions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 173: | Line 173: | ||
.sv-skill-meta-block__bubble--req{ | .sv-skill-meta-block__bubble--req{ | ||
justify-content:center; | justify-content:center; | ||
} | |||
/* -------------------------------------------------------------------------- */ | |||
/* 4) Meta and requirements block */ | |||
/* -------------------------------------------------------------------------- */ | |||
.sv-skill-meta-block{ | |||
margin:8px 0 10px; | |||
display:grid; | |||
grid-template-columns:repeat(2, minmax(0, 1fr)); | |||
align-items:stretch; | |||
gap:10px; | |||
} | |||
.sv-skill-meta-block--single{ | |||
grid-template-columns:minmax(0, 1fr); | |||
} | |||
.sv-skill-meta-block__bubble{ | |||
min-width:0; | |||
min-height:108px; | |||
max-height:108px; | |||
padding:10px 12px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
overflow:hidden; | |||
border-radius:16px; | |||
background:var(--sv-ui-bg2); | |||
background-image:none; | |||
box-shadow:none; | |||
} | |||
.sv-skill-meta-block__bubble--meta .sv-skill-meta, | |||
.sv-skill-meta-block__bubble--req .sv-reqrow{ | |||
width:100%; | |||
margin:0; | |||
} | } | ||
| Line 181: | Line 221: | ||
.sv-skill-meta{ | .sv-skill-meta{ | ||
display:grid; | display:grid; | ||
grid-template-columns:repeat( | grid-template-columns:repeat(2, minmax(0, 1fr)); | ||
gap: | justify-items:center; | ||
align-items:center; | |||
gap:8px; | |||
} | } | ||
| Line 194: | Line 236: | ||
gap:6px; | gap:6px; | ||
min-height: | width:100%; | ||
padding:0; | min-height:36px; | ||
padding:0 8px; | |||
border-radius:14px; | border-radius:14px; | ||
| Line 219: | Line 262: | ||
border-radius:14px; | border-radius:14px; | ||
background:var(--sv-ui-bg3); | background:var(--sv-ui-bg3); | ||
background-image:none; | background-image:none; | ||
| Line 287: | Line 328: | ||
.sv-gi-card .sv-reqrow, | .sv-gi-card .sv-reqrow, | ||
.sv-skill-card .sv-reqrow{ | .sv-skill-card .sv-reqrow{ | ||
display: | display:flex; | ||
flex-direction:column; | |||
justify-content:center; | |||
gap:8px; | gap:8px; | ||
} | } | ||
| Line 296: | Line 338: | ||
min-width:0; | min-width:0; | ||
max-width:none; | max-width:none; | ||
width:100%; | |||
} | } | ||
| Line 312: | Line 355: | ||
.sv-skill-meta-block{ | .sv-skill-meta-block{ | ||
grid-template-columns:minmax(0, 1fr); | grid-template-columns:minmax(0, 1fr); | ||
} | |||
.sv-skill-meta-block__bubble{ | |||
min-height:auto; | |||
max-height:none; | |||
} | } | ||
} | } | ||
/* -------------------------------------------------------------------------- */ | /* -------------------------------------------------------------------------- */ | ||