mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-12-11 05:56:16 +00:00
00b2495c1a
- Move border radius calculation to CSS variable instead of LESS - Rename CSS variable according to Codex, soft-deprecating the existing border radius
61 lines
1 KiB
Plaintext
61 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;
|
|
margin-right: 1px;
|
|
// Counter the weird hardcoded 2px width added by core
|
|
margin-left: 1px;
|
|
|
|
img,
|
|
source {
|
|
max-width: inherit;
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
&::before {
|
|
display: none;
|
|
}
|
|
|
|
// Broken file styles
|
|
&:not( .image ) {
|
|
padding: var( --space-sm );
|
|
border: 1px 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 );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|