Template:Gallery/styles.css: Difference between revisions

Template page
imported>Alistair3149
No edit summary
 
sctools>Alistair3149
(Add missing overflow rule)
Line 1: Line 1:
table.gallerytable {
.template-gallery {
margin-top: var( --space-md );
display: flex;
overflow: auto;
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--small );
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);
}
}

Revision as of 17:52, 23 February 2023

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

.template-gallery a.mw-file-description {
	display: block;
    border-radius: var( --border-radius--small );
    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);
}