mediawiki-skins-Citizen/resources/skins.citizen.styles/skinning/content.thumbnails-screen.less

/*
 * Citizen
 *
 * Module: mediawiki.skinning.content.thumbnails-screen
 * Version: REL1_39
 *
 * Date: 2023-07-23
 */

.thumbinner {
	> a {
		display: block;
		border-radius: var( --border-radius-base );

		&.image {
			max-width: inherit;
			// Counter the weird hardcoded 2px width added by core
			margin-inline: 1px;

			img,
			source {
				max-width: inherit;
				height: auto;
			}
		}

		&::before {
			display: none;
		}

		// Broken file styles
		&:first-child:not( .image ) {
			padding: var( --space-sm );
			border: var( --border-width-base ) solid var( --border-color-interactive );

			&:hover {
				color: var( --color-inverted-primary );
				background-color: var( --color-progressive--hover );
			}

			&:active {
				color: var( --color-inverted-primary );
				background-color: var( --color-progressive--active );
			}

			&.new {
				border-style: dashed;

				&:hover {
					background-color: var( --color-destructive--hover );
				}

				&:active {
					background-color: var( --color-destructive--active );
				}
			}
		}
	}
}