Template: ContentGrid: Difference between revisions
(Created page with ".wiki-template-contentgrid { padding: 10px; margin-bottom: 1em; display: grid; }") |
No edit summary |
||
| Line 1: | Line 1: | ||
.wiki-template-contentgrid { | <templatestyles src="ContentGrid/styles.css" /> | ||
<div class="wiki-template-contentgrid" style="margin-{{dir|{{pagelang}}|left|right}}: 1em; grid-template-columns: repeat(auto-fit, minmax({{{grid-columns-min-max|300px}}}, 1fr)); grid-gap: {{{grid-gap|10px}}}; grid-auto-rows: minmax({{{grid-rows-min-max|100px}}}, auto); width: {{{width|auto}}};">{{{content}}}</div><noinclude> | |||
{{Documentation}} | |||
</noinclude> | |||
} | |||
Revision as of 17:27, 26 May 2022
<div class="wiki-template-contentgrid" style="margin-{{#switch:{{#if:||{{#if:{{#ifeq:lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.|en |{{#ifeq:{{#titleparts:contentgrid||-1}}|en
|lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.
}}
|lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive. }}|{{#ifeq:lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.|en |{{#ifeq:{{#titleparts:contentgrid||-1}}|en
|lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive.
}}
|lua error: cannot create process: proc_open is not available. check php's "disable_functions" configuration directive. }}|⧼lang⧽}}}} |aeb|aeb-arab|aic|ar|arc|arq|ary|arz|azb|bcc|bgn|bqi|bqp|ckb|ckb-arab|dv|en-rtl|fa|fa-af|glk|ha-arab|haz|he|khw|kk-arab|kk-cn|ks|ks-arab|ku-arab|lki|lrc|luz|mzn|nqo|ota|phn|pnb|prd|prs|ps|sd|sdh|skr|skr-arab|tg-arab|tly|ug|ug-arab|ur|uz-arab|xpu|ydd|yi ={{#ifeq:|-||{{#ifeq:left|left|left|rtl}}}} |#default ={{#ifeq:|-||{{#ifeq:right|right|right|ltr}}}}
}}: 1em; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 10px; grid-auto-rows: minmax(100px, auto); width: auto;">{{{content}}}
.ts-doc-sandbox .mbox-image { padding:.75em 0 .75em .75em; }
.ts-doc-doc { clear: both; background-color: #eaf3ff; border: 1px solid #a3caff; margin-top: 1em; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.ts-doc-header { background-color: #c2dcff; padding: .642857em 1em .5em; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.ts-doc-header .ts-tlinks-tlinks { line-height: 24px; margin-left: 0; }
.ts-doc-header .ts-tlinks-tlinks a.external { color: #0645ad; }
.ts-doc-header .ts-tlinks-tlinks a.external:visited { color: #0b0080; }
.ts-doc-header .ts-tlinks-tlinks a.external:active { color: #faa700; }
.ts-doc-content { padding: .214286em 1em; }
.ts-doc-content:after { content: ; clear: both; display: block; }
.ts-doc-heading { display: inline-block; padding-left: 30px; background: center left/24px 24px no-repeat; /* @noflip */ background-image: url(//upload.wikimedia.org/wikipedia/commons/f/fb/OOjs_UI_icon_puzzle-ltr.svg); height: 24px; line-height: 24px; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.ts-doc-content > *:first-child, .ts-doc-footer > *:first-child { margin-top: .5em; }
.ts-doc-content > *:last-child, .ts-doc-footer > *:last-child { margin-bottom: .5em; }
.ts-doc-footer { background-color: #eaf3ff; border: 1px solid #a3caff; padding: .214286em 1em; margin-top: .214286em; font-style: italic; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
@media all and (min-width: 720px) { .ts-doc-header .ts-tlinks-tlinks { float: right; } }