Difference between revisions of "Template:GridContainer"

From BattleMaster Wiki
Jump to navigation Jump to search
(Created to allow the closing of the grid div inside the template along with a mobile friendly layout if desired)
 
m (Corrected the mobile tag)
 
Line 2: Line 2:
 
|
 
|
 
<nomobile><div style="display: grid; grid-template-areas: {{{defineAreas}}}; grid-template-columns: {{{defineColSize|auto}}}; grid-template-rows: {{{defineRowSize|auto}}}; {{{extraStyle}}}">{{{content}}}</div></nomobile>
 
<nomobile><div style="display: grid; grid-template-areas: {{{defineAreas}}}; grid-template-columns: {{{defineColSize|auto}}}; grid-template-rows: {{{defineRowSize|auto}}}; {{{extraStyle}}}">{{{content}}}</div></nomobile>
<onlymobile><div style="display: grid; grid-template-areas: {{{defineMobileAreas}}}; grid-template-columns: {{{defineMobileColSize|auto}}}; grid-template-rows: {{{defineMobileRowSize|auto}}}; {{{extraMobileStyle}}}">{{{content}}}</div></onlymobile>
+
<mobileonly><div style="display: grid; grid-template-areas: {{{defineMobileAreas}}}; grid-template-columns: {{{defineMobileColSize|auto}}}; grid-template-rows: {{{defineMobileRowSize|auto}}}; {{{extraMobileStyle}}}">{{{content}}}</div></mobileonly>
 
|
 
|
 
<div style="display: grid; grid-template-areas: {{{defineAreas}}}; grid-template-columns: {{{defineColSize|auto}}}; grid-template-rows: {{{defineRowSize|auto}}}; {{{extraStyle}}}">{{{content}}}</div>
 
<div style="display: grid; grid-template-areas: {{{defineAreas}}}; grid-template-columns: {{{defineColSize|auto}}}; grid-template-rows: {{{defineRowSize|auto}}}; {{{extraStyle}}}">{{{content}}}</div>

Latest revision as of 00:22, 9 February 2022

Template-info.svg Template Documentation
This documentation is transcluded from Template:GridContainer/doc.

ExamplesSandbox

Template:GridContainer/doc