MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 5: | Line 5: | ||
justify-content: space-evenly; | justify-content: space-evenly; | ||
gap: 1rem; | gap: 1rem; | ||
list-style: none; | |||
} | |||
.image-buttons ul li { | |||
width: 100%; | |||
flex-shrink: 1; | |||
flex-grow: 1; | |||
} | } | ||
.image-button-container { | .image-button-container { | ||
display: flex; | display: flex; | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
width: 100%; | |||
height: 100%; | |||
} | } | ||
.image-button-container img { | .image-button-container img { | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
object-fit: contain; | |||
} | } | ||
Latest revision as of 19:55, 15 April 2026
/* CSS placed here will be applied to all skins */
.image-buttons, .image-buttons ul {
display: flex;
align-items: stretch;
justify-content: space-evenly;
gap: 1rem;
list-style: none;
}
.image-buttons ul li {
width: 100%;
flex-shrink: 1;
flex-grow: 1;
}
.image-button-container {
display: flex;
border: 1px solid #aaa;
width: 100%;
height: 100%;
}
.image-button-container img {
width: 100%;
height: 100%;
object-fit: contain;
}