Template:Gallery/styles.css: Difference between revisions

Template page
sctools>Alistair3149
(Add missing overflow rule)
No edit summary
 
(3 intermediate revisions by 3 users not shown)
Line 2: Line 2:
margin-top: var( --space-md );
margin-top: var( --space-md );
display: flex;
display: flex;
overflow: auto;
gap: var( --space-xs );
gap: var( --space-xs );
}
}
Line 8: Line 7:
.template-gallery a.mw-file-description {
.template-gallery a.mw-file-description {
display: block;
display: block;
     border-radius: var( --border-radius--small );
     border-radius: var( --border-radius-base );
     overflow: hidden;
     overflow: hidden;
}
}
Line 18: Line 17:
.template-gallery a.mw-file-description:hover img {
.template-gallery a.mw-file-description:hover img {
     transform: scale(1.1);
     transform: scale(1.1);
}
.template-gallery video {
max-width: none !important;
max-height: 120px !important;
    width: auto !important;
    overflow: hidden;
    border-radius: var( --border-radius-base );
}
}

Latest revision as of 23:35, 20 October 2024

.template-gallery {
	margin-top: var( --space-md );
	display: flex;
	gap: var( --space-xs );
}

.template-gallery a.mw-file-description {
	display: block;
    border-radius: var( --border-radius-base );
    overflow: hidden;
}

.template-gallery a.mw-file-description img {
    transition: transform 250ms ease;
}

.template-gallery a.mw-file-description:hover img {
    transform: scale(1.1);
}

.template-gallery video {
	max-width: none !important;
	max-height: 120px !important;
    width: auto !important;
    overflow: hidden;
    border-radius: var( --border-radius-base );
}