mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-26 23:32:25 +00:00
c7e45177cd
Same as the previous commit, the transition is now accessible as a CSS variable (transition-menu)
65 lines
1.2 KiB
Plaintext
65 lines
1.2 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* Module: mediawiki.skinning.content.media-screen
|
|
* Version: REL1_39
|
|
*
|
|
* Date: 2022-11-18
|
|
*/
|
|
figure[ typeof~='mw:File' ],
|
|
figure[ typeof~='mw:File/Frameless' ],
|
|
figure[ typeof~='mw:File/Thumb' ],
|
|
figure[ typeof~='mw:File/Frame' ] {
|
|
> a:first-child {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
|
|
> img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
contain: strict;
|
|
transition: var( --transition-hover );
|
|
transition-property: transform;
|
|
|
|
// Prevent constraining image width in tables
|
|
table & {
|
|
max-width: none;
|
|
}
|
|
}
|
|
|
|
// Add affordance to replace magnify icon
|
|
&:hover:not( .lazy ):not( .new ) {
|
|
> img {
|
|
transform: scale( 1.1 );
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
figure[ typeof~='mw:File/Thumb' ],
|
|
figure[ typeof~='mw:File/Frame' ] {
|
|
> a:first-child,
|
|
> span:first-child {
|
|
display: block;
|
|
border-radius: var( --border-radius--small );
|
|
|
|
// 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;
|
|
}
|
|
}
|
|
}
|
|
}
|