Sjabloon:Flexbox/styles.css
Uit Wiki Raamsdonks Erfgoed
.flexbox {
display: flex;
gap: 1em;
align-items: center;
margin: 0.5em 0;
}
.flexcenter {
margin: 0.5em 10%;
}
.fitcontent {
margin: 0.5em auto;
width: max-content;
max-width: 70%;
}
.justify-center {
justify-content: center;
}
.flexbox div:empty {
display: none;
}
.flexbox p {
margin: 0;
padding: 0;
line-height: 175%;
}
.flexbox ul {
margin-top: 0.3em;
}
.flexbox .infobox {
margin: 0!important;
float: unset;
}
@media all and (min-width:640px) {
body.skin-minerva.skin--responsive .fitcontent {
max-width: 65%;
}
}
@media screen and (max-width: 736px) {
.flexbox {
margin: 0.5em 0;
width: unset!important;
max-width: unset;
clear: both;
}
.flexbox .center {
text-align: left;
}
.flexbox .infobox {
width: unset!important;
font-size: unset!important;
}
.flexbox .mw-inputbox-input {
width: calc(100% - 0.5em)!important;
}
}