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 134: | Line 134: | ||
line-height:1.35; | line-height:1.35; | ||
color:var(--sv-ui-text2); | color:var(--sv-ui-text2); | ||
} | } | ||
| Line 418: | Line 379: | ||
column-gap:16px; | column-gap:16px; | ||
row-gap:12px; | row-gap:12px; | ||
align-items: | align-items:stretch; | ||
justify-items:stretch; | justify-items:stretch; | ||
} | } | ||
| Line 425: | Line 386: | ||
width:100%; | width:100%; | ||
min-width:0; | min-width:0; | ||
min-height:116px; | |||
max-height:116px; | |||
padding:10px 12px; | padding:10px 12px; | ||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
overflow:hidden; | |||
border-radius:16px; | border-radius:16px; | ||
| Line 436: | Line 404: | ||
grid-column:1; | grid-column:1; | ||
grid-row:1; | grid-row:1; | ||
} | } | ||
| Line 448: | Line 412: | ||
.sv_skill_scaling__cluster{ | .sv_skill_scaling__cluster{ | ||
display: | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
| Line 454: | Line 418: | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
width: | width:100%; | ||
height:100%; | |||
max-width:100%; | max-width:100%; | ||
margin:0 auto; | margin:0 auto; | ||
min-width:0; | min-width:0; | ||
} | } | ||
| Line 474: | Line 434: | ||
background-image:none; | background-image:none; | ||
box-shadow:none; | box-shadow:none; | ||
} | |||
.sv_skill_scaling__column--stats, | |||
.sv_skill_scaling__column--core{ | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
} | |||
.sv_skill_scaling__column--core{ | |||
width:100%; | |||
min-width:0; | |||
min-height:100%; | |||
} | } | ||
| Line 511: | Line 484: | ||
display:grid; | display:grid; | ||
grid-template-columns:repeat(2, max-content); | grid-template-columns:repeat(2, max-content); | ||
justify-content: | justify-content:center; | ||
justify-items: | justify-items:center; | ||
align-content:center; | |||
row-gap:8px; | row-gap:8px; | ||
column-gap:10px; | column-gap:10px; | ||
margin:0 auto; | |||
grid-template-areas: | grid-template-areas: | ||
| Line 691: | Line 666: | ||
gap:8px; | gap:8px; | ||
justify-items:center; | justify-items:center; | ||
justify-content:center; | |||
align-content:center; | |||
width:100%; | |||
max-width:228px; | |||
margin:0 auto; | |||
} | } | ||
| Line 1,119: | Line 1,099: | ||
.sv-skill-title{ font-size:18px; } | .sv-skill-title{ font-size:18px; } | ||
.sv-skill-desc{ font-size:13px; } | .sv-skill-desc{ font-size:13px; } | ||
.sv_skill_scaling{ padding:9px 10px 10px; } | .sv_skill_scaling{ padding:9px 10px 10px; } | ||
| Line 1,135: | Line 1,111: | ||
.sv_skill_scaling__group{ | .sv_skill_scaling__group{ | ||
min-height:auto; | |||
max-height:none; | |||
padding:9px 10px; | padding:9px 10px; | ||
} | } | ||
| Line 1,141: | Line 1,119: | ||
grid-column:1; | grid-column:1; | ||
grid-row:2; | grid-row:2; | ||
} | |||
.sv_skill_scaling__cluster{ | |||
height:auto; | |||
} | } | ||
| Line 1,212: | Line 1,194: | ||
.sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills.sv-tab-pills--xl .sv-mech-keyword-pill__label, | .sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills.sv-tab-pills--xl .sv-mech-keyword-pill__label, | ||
.sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl .sv-mech-keyword-pill__label{ font-size:13px; } | .sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl .sv-mech-keyword-pill__label{ font-size:13px; } | ||
.sv-skill-card .sv-skill-meta, | .sv-skill-card .sv-skill-meta, | ||
| Line 1,268: | Line 1,238: | ||
.sv_skill_scaling__core-grid{ | .sv_skill_scaling__core-grid{ | ||
grid-template-columns:repeat(2, minmax(0, 1fr)); | grid-template-columns:repeat(2, minmax(0, 1fr)); | ||
} | } | ||