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 1,125: | Line 1,125: | ||
} | } | ||
} | } | ||
@media (max-width:639px){ | @media (max-width:639px){ | ||
| Line 1,162: | Line 1,163: | ||
.sv_skill_scaling__primary-value{ font-size:30px; } | .sv_skill_scaling__primary-value{ font-size:30px; } | ||
.sv_skill_scaling__core-grid{ | |||
grid-template-columns:repeat(2, minmax(0, 1fr)); | |||
width:100%; | |||
align-items:stretch; | |||
} | |||
.sv_skill_scaling__core-pill{ | .sv_skill_scaling__core-pill{ | ||
width:100%; | |||
min-width:0; | |||
min-height:25px; | min-height:25px; | ||
padding:7px 6px; | padding:7px 6px; | ||
justify-self:stretch; | |||
justify-content:center; | |||
align-items:center; | |||
text-align:center; | |||
} | } | ||
| Line 1,172: | Line 1,184: | ||
.sv_skill_scaling__core-unit{ font-size:10px; } | .sv_skill_scaling__core-unit{ font-size:10px; } | ||
.sv_skill_scaling__core-label{ font-size:9px; } | .sv_skill_scaling__core-label{ font-size:9px; } | ||
.sv_skill_scaling__core-value, | |||
.sv_skill_scaling__core-unit, | |||
.sv_skill_scaling__core-label{ | |||
width:100%; | |||
text-align:center; | |||
} | |||
.sv-skill-tabs .sv-mech-panel{ | .sv-skill-tabs .sv-mech-panel{ | ||
| Line 1,188: | Line 1,207: | ||
.sv-skill-tabs .sv-mech-mod-grid{ | .sv-skill-tabs .sv-mech-mod-grid{ | ||
grid-template-columns:repeat(2, minmax(0, 1fr)); | |||
gap:8px 8px; | gap:8px 8px; | ||
} | } | ||
.sv-skill-tabs .sv-mech-mod-pill{ | .sv-skill-tabs .sv-mech-mod-pill{ | ||
min-height: | min-height:42px; | ||
padding:6px | padding:6px 7px 5px; | ||
border-radius:14px; | border-radius:14px; | ||
} | } | ||
| Line 1,210: | Line 1,230: | ||
.sv-skill-tabs .sv-mech-keyword-pill{ | .sv-skill-tabs .sv-mech-keyword-pill{ | ||
min-height: | min-height:32px; | ||
padding: | padding:6px 8px; | ||
border-radius:14px; | border-radius:14px; | ||
} | } | ||
.sv-skill-tabs .sv-mech-keyword-pill__label{ | .sv-skill-tabs .sv-mech-keyword-pill__label{ | ||
font-size: | font-size:11px; | ||
line-height:1.08; | line-height:1.08; | ||
} | } | ||
| Line 1,222: | Line 1,242: | ||
.sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills.sv-tab-pills--xl .sv-mech-keyword-pill, | .sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills.sv-tab-pills--xl .sv-mech-keyword-pill, | ||
.sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl{ | .sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl{ | ||
min-height: | min-height:36px; | ||
padding:9px | padding:8px 9px; | ||
border-radius:14px; | border-radius:14px; | ||
} | } | ||
.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: | .sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl .sv-mech-keyword-pill__label{ font-size:12px; } | ||
.sv-skill-card .sv-skill-meta, | .sv-skill-card .sv-skill-meta, | ||
.sv-gi-card .sv-skill-meta{ | .sv-gi-card .sv-skill-meta{ | ||
gap:6px; | gap:6px; | ||
max-width: | width:100%; | ||
max-width:none; | |||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
justify-content:center; | justify-content:center; | ||
align-items:stretch; | |||
} | } | ||
.sv-skill-card .sv-meta-card, | .sv-skill-card .sv-meta-card, | ||
.sv-gi-card .sv-meta-card{ | .sv-gi-card .sv-meta-card{ | ||
flex:1 1 calc(50% - 3px); | |||
min-width:0; | |||
min-height:32px; | min-height:32px; | ||
gap:7px; | gap:7px; | ||
padding:6px 8px; | |||
justify-content:center; | |||
align-items:center; | |||
text-align:center; | |||
} | } | ||
| Line 1,253: | Line 1,281: | ||
.sv-skill-card .sv-meta-text, | .sv-skill-card .sv-meta-text, | ||
.sv-gi-card .sv-meta-text{ | .sv-gi-card .sv-meta-text{ | ||
flex:1 1 auto; | |||
min-width:0; | |||
font-size:10px; | font-size:10px; | ||
line-height:1.05; | line-height:1.05; | ||
letter-spacing:0; | letter-spacing:0; | ||
text-align:center; | |||
} | } | ||
| Line 1,267: | Line 1,298: | ||
/* Absorbed former micro-phone layout compaction into the default viewpoint. */ | /* Absorbed former micro-phone layout compaction into the default viewpoint. */ | ||
} | } | ||