mediawiki-skins-Citizen/resources/skins.citizen.styles/skinning/interface.category.less
2024-02-26 17:14:19 -05:00

77 lines
1.4 KiB
Plaintext

/*
* Citizen
*
* Module: mediawiki.skinning.interface.category
* Version: REL1_39
*
* Date: 2022-11-15
*/
.catlinks {
display: flex;
flex-wrap: wrap;
gap: var( --space-xl );
clear: both;
ul {
display: flex;
flex-wrap: wrap;
gap: var( --space-xs );
margin: var( --space-xs ) 0 0 0;
/* Reset font */
font-size: var( --font-size-x-small );
letter-spacing: 0; // hidden-catlink title does not have a selector
}
li {
display: block;
// Be more specific because gadgets like hotcat can attach links in category
> a {
display: block;
padding: var( --space-xs ) var( --space-md );
color: var( --color-base--subtle );
border: 1px solid var( --border-color-base--darker );
border-radius: var( --border-radius--pill );
&:hover {
color: #fff;
background-color: var( --color-primary--hover );
}
&:hover,
&:focus {
text-decoration: none;
}
// Make new categories distinct
&.new {
border-style: dashed;
&:hover {
background-color: var( --color-destructive--hover );
}
}
}
}
}
// HACK: Hide colon
.mw-normal-catlinks {
font-size: 0;
}
// Category label
.mw-normal-catlinks > a,
.mw-hidden-catlinks {
display: block;
font-size: var( --font-size-x-small );
color: var( --color-base--subtle );
letter-spacing: 0.05em;
}
.mw-hidden-cats-hidden,
.catlinks-allhidden {
display: none;
}