Template:Gallery/styles.css: Difference between revisions

Template page
imported>Alistair3149
No edit summary
 
No edit summary
 
(4 intermediate revisions by 4 users not shown)
Line 1: Line 1:
table.gallerytable {
.template-gallery {
margin-top: var( --space-md );
display: flex;
gap: var( --space-xs );
}
 
.template-gallery a.mw-file-description {
display: block;
display: block;
border-radius: var( --border-radius--small );
    border-radius: var( --border-radius-base );
border-spacing: 0;
    overflow: hidden;
}
}


.gallerytable a.image {
.template-gallery a.mw-file-description img {
margin-right: 4px;
     transition: transform 250ms ease;
    border-radius: var( --border-radius--small );
     max-width: none;
}
}


.gallerytable .image: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 );
}