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;
  }
}