MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
mNo edit summary |
mNo edit summary |
||
Line 19: | Line 19: | ||
column-count: 3; | column-count: 3; | ||
column-gap: 1.5em; | column-gap: 1.5em; | ||
} | |||
@media (max-width: 650px) { | |||
.columns-2.columns--only-wide, .columns-3.columns--only-wide { | |||
column-count: 1; | |||
} | |||
} | } |
Revision as of 12:03, 9 February 2024
/* All CSS here will be loaded for users of the Citizen skin */ /** Container columns **/ .col-2 { display: flex; flex-wrap: wrap; } .col-2 > * { flex: 1 1 50%; } /** Content columns **/ .columns-2 { column-count: 2; column-gap: 1.5em; } .columns-3 { column-count: 3; column-gap: 1.5em; } @media (max-width: 650px) { .columns-2.columns--only-wide, .columns-3.columns--only-wide { column-count: 1; } }