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 765: | Line 765: | ||
display:grid; | display:grid; | ||
grid-template-columns:repeat(2, minmax(0, 1fr)); | grid-template-columns:repeat(2, minmax(0, 1fr)); | ||
column-gap: | column-gap:14px; | ||
row-gap:0; | row-gap:0; | ||
align-items:stretch; | align-items:stretch; | ||
| Line 773: | Line 773: | ||
min-width:0; | min-width:0; | ||
max-width:100%; | max-width:100%; | ||
padding:8px 10px 10px; | |||
padding: | |||
display:flex; | display:flex; | ||
flex-direction:column; | flex-direction:column; | ||
justify-content:flex-start; | justify-content:flex-start; | ||
align-items:stretch; | |||
align-self:stretch; | |||
border:0; | border:0; | ||
| Line 791: | Line 792: | ||
grid-column:auto; | grid-column:auto; | ||
margin-top:0; | margin-top:0; | ||
min-height:0; | |||
} | } | ||
| Line 798: | Line 800: | ||
.sv-skill-tabs .sv-mech-panel__keywords{ | .sv-skill-tabs .sv-mech-panel__keywords{ | ||
justify-content:flex-start; | |||
} | } | ||
.sv-skill-tabs .sv-mech-panel .sv-tab-section-title{ | .sv-skill-tabs .sv-mech-panel .sv-tab-section-title{ | ||
margin:0 0 | margin:0 0 8px; | ||
text-align:center; | text-align:center; | ||
} | } | ||
| Line 812: | Line 813: | ||
display:grid; | display:grid; | ||
grid-template-columns:repeat(3, minmax(0, 1fr)); | grid-template-columns:repeat(3, minmax(0, 1fr)); | ||
gap: | gap:8px; | ||
align-content:start; | align-content:start; | ||
} | } | ||
| Line 820: | Line 820: | ||
position:relative; | position:relative; | ||
min-width:0; | min-width:0; | ||
min-height: | min-height:56px; | ||
padding:8px | padding:6px 8px; | ||
display:flex; | display:flex; | ||
| Line 839: | Line 839: | ||
min-width:0; | min-width:0; | ||
word-wrap:break-word; | word-wrap:break-word; | ||
overflow-wrap:anywhere; | |||
font-weight:900; | font-weight:900; | ||
font-size:10px; | font-size:10px; | ||
line-height:1. | line-height:1.02; | ||
letter-spacing:0. | letter-spacing:0.10px; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
color:var(--sv-ui-text3); | color:var(--sv-ui-text3); | ||
| Line 849: | Line 850: | ||
.sv-skill-tabs .sv-mech-mod-pill__value{ | .sv-skill-tabs .sv-mech-mod-pill__value{ | ||
margin-top: | margin-top:3px; | ||
min-width:0; | min-width:0; | ||
word-wrap:break-word; | word-wrap:break-word; | ||
| Line 855: | Line 856: | ||
font-weight:900; | font-weight:900; | ||
font-size: | font-size:12px; | ||
line-height:1.02; | line-height:1.02; | ||
color:var(--sv-ui-text1); | color:var(--sv-ui-text1); | ||
| Line 865: | Line 866: | ||
display:grid; | display:grid; | ||
grid-template-columns:repeat(2, minmax(0, 1fr)); | grid-template-columns:repeat(2, minmax(0, 1fr)); | ||
gap: | gap:8px; | ||
align-content:start; | align-content:start; | ||
margin:0; | |||
} | } | ||
| Line 874: | Line 875: | ||
min-width:0; | min-width:0; | ||
width:100%; | width:100%; | ||
min-height: | min-height:56px; | ||
padding: | padding:6px 10px; | ||
display:flex; | display:flex; | ||
| Line 882: | Line 883: | ||
text-align:center; | text-align:center; | ||
border-radius: | border-radius:999px; | ||
border:1px solid var(--sv-ui-line2); | border:1px solid var(--sv-ui-line2); | ||
background:var(--sv-ui-bg3); | background:var(--sv-ui-bg3); | ||
| Line 893: | Line 894: | ||
min-width:0; | min-width:0; | ||
width:100%; | width:100%; | ||
word-wrap:break-word; | |||
overflow-wrap:anywhere; | |||
font-weight:900; | font-weight:900; | ||
font-size: | font-size:12px; | ||
line-height:1. | line-height:1.08; | ||
color:var(--sv-ui-text1); | color:var(--sv-ui-text1); | ||
text-align:center; | text-align:center; | ||
| Line 921: | Line 924: | ||
.sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl{ | .sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl{ | ||
min-height:60px; | min-height:60px; | ||
padding: | padding:8px 12px; | ||
border-radius:999px; | border-radius:999px; | ||
} | } | ||
| Line 927: | Line 930: | ||
.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{ | .sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl .sv-mech-keyword-pill__label{ | ||
font-size: | font-size:13px; | ||
line-height:1. | line-height:1.12; | ||
} | } | ||