mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-24 22:25:27 +00:00
64134bd8a6
Use local imports instead given all relevant files are within the same repository, and don't vary by configuraion. Bug: T140807 Depends-On: If3edac9a35b346af0320c12f70c0d978a6346201 Change-Id: Ife3cc345a63aff452e93accbe0a593fbaa358732
48 lines
935 B
Plaintext
48 lines
935 B
Plaintext
@import '../../minerva.less/minerva.variables';
|
|
@import 'mediawiki.mixins.less';
|
|
|
|
.backtotop {
|
|
/* initially hide the element */
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
|
|
/* basic styling */
|
|
position: fixed;
|
|
width: 2.5em;
|
|
height: 2.5em;
|
|
border-radius: 100%;
|
|
box-shadow: 0.1em 0.2em 0.3em @colorGray12;
|
|
bottom: 20px;
|
|
right: 0;
|
|
cursor: pointer;
|
|
z-index: @z-indexOverlay;
|
|
background-color: @colorProgressive;
|
|
|
|
/* define what happens, if the visible class is added/removed, add a nice fade out/in */
|
|
.transition( opacity 0.5s 0s );
|
|
|
|
&.visible {
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
opacity: 0.8;
|
|
}
|
|
|
|
> .arrow-up {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 7px solid transparent;
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid #fff;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate( -50%, -50% );
|
|
}
|
|
|
|
/* center arrow in RTL wikis */
|
|
.rtl > & .arrow-up {
|
|
transform: translate( 50%, -50% );
|
|
}
|
|
}
|