2021-01-11 18:40:25 +00:00
|
|
|
@import '../variables.less';
|
|
|
|
|
|
2021-01-11 17:13:59 +00:00
|
|
|
.mw-theme-toggle {
|
2021-01-16 00:56:59 +00:00
|
|
|
width: var( --width-button-base );
|
|
|
|
|
height: var( --height-header );
|
|
|
|
|
padding: 0;
|
2021-01-11 17:16:57 +00:00
|
|
|
border: 0;
|
2021-01-11 17:17:37 +00:00
|
|
|
background-color: transparent;
|
2021-01-11 17:13:59 +00:00
|
|
|
background-position: center;
|
2021-01-11 17:17:37 +00:00
|
|
|
background-repeat: no-repeat;
|
2021-01-11 18:49:21 +00:00
|
|
|
cursor: pointer;
|
2021-01-11 17:13:59 +00:00
|
|
|
font-size: 0;
|
2021-01-14 17:26:25 +00:00
|
|
|
opacity: var( --opacity-icon-base );
|
2021-01-11 18:40:25 +00:00
|
|
|
outline: 0;
|
2021-01-19 20:56:42 +00:00
|
|
|
transition: @transition-opacity-quick;
|
2021-01-11 18:40:25 +00:00
|
|
|
|
|
|
|
|
&:hover {
|
2021-01-14 17:26:25 +00:00
|
|
|
opacity: var( --opacity-icon-base--hover );
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
|
opacity: var( --opacity-icon-base--active );
|
2021-01-11 18:40:25 +00:00
|
|
|
}
|
2021-01-11 17:13:59 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.skin-citizen-dark {
|
|
|
|
|
.mw-theme-toggle {
|
2021-01-11 17:17:37 +00:00
|
|
|
filter: invert( 1 );
|
2021-01-11 17:13:59 +00:00
|
|
|
}
|
|
|
|
|
}
|
