Project:Inclusion criteria/styles.css: Difference between revisions
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...") |
(Sirdog changed the content model of the page Project:Inclusion criteria/styles.css from "wikitext" to "Sanitized CSS": it's css) Tag: content model change |
||
(One intermediate revision by the same user not shown) | |||
Line 49: | Line 49: | ||
} | } | ||
} | } | ||
Latest revision as of 22:58, 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;
}
}