mediawiki-skins-Citizen/resources/skins.citizen.styles/skinning/content.thumbnails-screen.less
alistair3149 c7e45177cd
feat(core): update menu transition styles and implementation
Same as the previous commit, the transition is now accessible as a CSS variable (transition-menu)
2023-07-07 17:02:27 -04:00

50 lines
850 B
Plaintext

/*
* Citizen
*
* Module: mediawiki.skinning.content.thumbnails-screen
* Version: REL1_39
*
* Date: 2022-11-18
*/
.thumbinner {
> a {
display: block;
border-radius: var( --border-radius--small );
&.image {
max-width: inherit;
margin-right: 1px;
// Counter the weird hardcoded 2px width added by core
margin-left: 1px;
> img {
max-width: inherit;
height: auto;
}
}
&::before {
content: none;
}
// Broken file styles
&.new {
padding: var( --space-sm );
border: 1px dashed var( --border-color-base--darker );
transition: var( --transition-hover );
transition-property: background, color;
&:hover {
background-color: var( --color-destructive--hover );
color: #fff;
}
&:active {
background-color: var( --color-destructive--active );
color: #fff;
}
}
}
}