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

60 lines
1 KiB
Plaintext

/*
* 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 );
}
}
}
}
}