mediawiki-skins-Citizen/resources/components/bottombar.less

59 lines
1.1 KiB
Plaintext
Raw Normal View History

2019-08-15 17:40:13 +00:00
//
// Citizen - Bottombar Styles
// https://starcitizen.tools
//
#mw-bottombar {
2019-12-26 10:21:50 +00:00
position: fixed;
bottom: 0;
display: flex;
justify-content: space-between;
transform: translate( 0, @header-height + @margin-side );
transition: @transition-transform;
2019-08-15 17:40:13 +00:00
2019-12-26 10:21:50 +00:00
&-buttons {
display: flex;
margin: @margin-side;
background-color: #7289da; // Discord color
border-radius: 100%;
.boxshadow(4);
transition: @transition-transform-quick, @transition-box-shadow-quick;
2019-08-15 17:40:13 +00:00
2019-12-26 10:21:50 +00:00
.citizen-ui-icon {
> a {
width: @header-height;
2019-12-26 10:21:50 +00:00
height: @header-height;
display: flex;
align-items: center;
justify-content: center;
text-indent: -1000px; // Hide text
2019-08-15 17:40:13 +00:00
2019-12-26 10:21:50 +00:00
&:after {
display: block;
.resource-loader-menu-icon;
transition: @transition-opacity;
opacity: 1;
position: relative; // temp override
2019-12-26 10:21:50 +00:00
}
2019-08-15 17:40:13 +00:00
2019-12-26 10:21:50 +00:00
&:hover {
&:after {
opacity: 0.7;
}
}
}
}
}
2019-08-15 17:40:13 +00:00
}
// Movable navigation bar
.nav-up ~ #mw-bottombar {
2019-12-26 10:21:50 +00:00
transform: none;
2019-08-15 17:40:13 +00:00
}
2019-10-29 04:33:03 +00:00
2019-12-26 10:21:50 +00:00
@media only screen and ( max-width: @screen0 ) {
#mw-bottombar {
display: none;
}
2019-10-29 04:33:03 +00:00
}