Project:Inclusion criteria/styles.css: Difference between revisions

From Online Communipedia
Jump to navigation Jump to search
(Created page with ".wp-5p { margin: 0.6em 0 auto; } .wp-5p > div { display: flex; align-items: center; } .wp-5p-intro p { flex-grow: 1; } .wp-5p-intro div { order: 2; } .wp-5p h2 { border-bottom: none; } →‎flex and images don't work great with small-res default CSS from upstream: .wp-5p-pillar-image { flex-shrink: 0; } @media all and (max-width: 480px) { .wp-5p > div { flex-wrap: wrap; margin-top: 1em; } .wp-5p-pillar-content { order: 3; } .wp-5p-intro { ju...")
 
No edit summary
Line 49: Line 49:
}
}
}
}
<noinclude>{{Text attribution|source=https://en.wikipedia.org/wiki/Wikipedia:Five_pillars/styles.css|rationale=wikipedia}}</noinclude>

Revision as of 22:57, 13 July 2023

.wp-5p { margin: 0.6em 0 auto; }

.wp-5p > div { display: flex; align-items: center; }

.wp-5p-intro p { flex-grow: 1; }

.wp-5p-intro div { order: 2; }

.wp-5p h2 { border-bottom: none; }

/* flex and images don't work great with small-res default CSS from upstream */ .wp-5p-pillar-image { flex-shrink: 0; }

@media all and (max-width: 480px) { .wp-5p > div { flex-wrap: wrap; margin-top: 1em; }

.wp-5p-pillar-content { order: 3; }

.wp-5p-intro { justify-content: center; }

.wp-5p-intro p { order: 2; } }

@media all and (min-width: 481px) { .wp-5p-pillar-image { margin-right: 0.8em; } }