https://classic.pgnrp.com/index.php?action=history&feed=atom&title=Module%3AFlexbox%2Fstyles.css 2026-04-08T19:18:07Z Revision history for this page on the wiki MediaWiki 1.43.1 https://classic.pgnrp.com/index.php?title=Module:Flexbox/styles.css&diff=86&oldid=prev 2025-05-21T05:11:29Z

<p>Created page with &quot;.template-flexbox { display: flex; gap: var(--template-flexbox-gap); flex-wrap: wrap; flex-direction: var(--template-flexbox-direction); } .template-flexbox-item { --template-flexbox-flex-basis: calc( (100% / var(--template-flexbox-columns)) - ( var(--template-flexbox-gap) / var(--template-flexbox-columns) * (var(--template-flexbox-columns) - 1) ) ); flex-basis: var(--template-flexbox-flex-basis); flex-grow: 1; } @media (max-width: 1120px) { ....&quot;</p> <p><b>New page</b></p><div>.template-flexbox {<br /> display: flex;<br /> gap: var(--template-flexbox-gap);<br /> flex-wrap: wrap;<br /> flex-direction: var(--template-flexbox-direction);<br /> }<br /> <br /> .template-flexbox-item {<br /> --template-flexbox-flex-basis: calc(<br /> (100% / var(--template-flexbox-columns)) -<br /> (<br /> var(--template-flexbox-gap) / var(--template-flexbox-columns) *<br /> (var(--template-flexbox-columns) - 1)<br /> )<br /> );<br /> flex-basis: var(--template-flexbox-flex-basis);<br /> flex-grow: 1;<br /> }<br /> <br /> @media (max-width: 1120px) {<br /> .template-flexbox {<br /> --template-flexbox-columns: 2 !important;<br /> }<br /> }<br /> <br /> @media (max-width: 640px) {<br /> .template-flexbox {<br /> --template-flexbox-columns: 1 !important;<br /> }<br /> }</div>

Maegnus