mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-30 00:55:25 +00:00
5d3ecd9edd
This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info.
78 lines
1.4 KiB
Plaintext
78 lines
1.4 KiB
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* Module: mediawiki.skinning.content.media-screen
|
|
* Version: REL1_39
|
|
*
|
|
* Date: 2023-07-23
|
|
*/
|
|
|
|
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,
|
|
source {
|
|
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,
|
|
source {
|
|
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
|
|
> a:first-child:not( .mw-file-description ) {
|
|
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 );
|
|
}
|
|
}
|
|
}
|
|
}
|