Template:UserSplashtag/styles.css: Difference between revisions
From Inkipedia, the Splatoon wiki
GuyPerfect (talk | contribs) mNo edit summary |
GuyPerfect (talk | contribs) mNo edit summary Tag: Reverted |
||
Line 6: | Line 6: | ||
.splatfest-splashtag > div { | .splatfest-splashtag > div { | ||
align-items: center; | align-items: center; | ||
display: flex; | display: flex; | ||
height: 100%; | height: 100%; | ||
Line 14: | Line 13: | ||
top: 0; | top: 0; | ||
width: 100%; | width: 100%; | ||
} | |||
.splatfest-splashtag > div.two { | |||
column-gap: calc((100% - 24px * 2) / 3); | |||
} | |||
.splatfest-splashtag > div.three { | |||
column-gap: calc((100% - 24px * 3) / 4); | |||
} | } | ||
Revision as of 15:46, 27 September 2022
.splatfest-splashtag { display: inline-block; position: relative; } .splatfest-splashtag > div { align-items: center; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; } .splatfest-splashtag > div.two { column-gap: calc((100% - 24px * 2) / 3); } .splatfest-splashtag > div.three { column-gap: calc((100% - 24px * 3) / 4); } .splatfest-splashtag > div > div { display: inline-block; height: 24px; width: 24px; }