mediawiki-skins-Citizen/resources/skins.citizen.styles/skinning/interface-edit-section-links.less
alistair3149 0fdc7c4ad7
feat(core): convert some CSS variables into Codex equivalent part 2
Also fix various inconsistencies with quiet buttons
2024-06-30 20:41:31 -04:00

82 lines
1.6 KiB
Plaintext

/*
* Citizen
*
* Module: mediawiki.skinning.interface-edit-section-links
* Version: REL1_39
*
* Date: 2022-11-15
*/
.mw-editsection {
display: flex;
align-items: center;
float: right; // Can't target the container so have to use to float
margin-left: var( --space-sm );
-webkit-user-select: none;
user-select: none;
// Hide dividers since we are making links into icons
&-bracket,
&-divider {
display: none;
}
// Fallback text button if extensions register those
a {
font-size: var( --font-size-small );
border-radius: var( --border-radius--small );
&::before {
filter: var( --filter-invert );
}
&:hover {
background-color: var( --background-color-button-quiet--hover );
}
&:active {
background-color: var( --background-color-button-quiet--hover );
}
}
}
.citizen-editsection-icon {
width: 1.875rem;
height: 1.875rem;
text-indent: -9999px; // Hide text
opacity: var( --opacity-icon-base );
transition: var( --transition-hover );
transition-property: opacity;
&::before {
.resource-loader-icon;
display: block;
background-size: var( --size-icon );
}
&:hover {
opacity: var( --opacity-icon-base--hover );
}
&:active {
opacity: var( --opacity-icon-base--selected );
}
}
/* Correct directionality when page dir is different from site/user dir */
.mw-content-ltr .mw-editsection,
.mw-content-rtl .mw-content-ltr .mw-editsection {
/* @noflip */
margin-right: 0;
/* @noflip */
margin-left: var( --space-sm );
}
.mw-content-rtl .mw-editsection,
.mw-content-ltr .mw-content-rtl .mw-editsection {
/* @noflip */
margin-right: var( --space-sm );
/* @noflip */
margin-left: 0;
}