/* * 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-quiet--hover ); } &:active { background-color: var( --background-color-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; }