40 lines
607 B
SCSS
40 lines
607 B
SCSS
.navbar {
|
|
$navSize: 60px;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
display: grid;
|
|
justify-items: center;
|
|
align-items: center;
|
|
width: 100svw;
|
|
height: $navSize;
|
|
background-color: #d94253;
|
|
|
|
& > .navButton {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 5px;
|
|
width: $navSize;
|
|
height: $navSize;
|
|
border-radius: 50%;
|
|
background-color: #d94253;
|
|
color: #ffffff;
|
|
|
|
& > svg {
|
|
width: $navSize / 2.5;
|
|
}
|
|
|
|
&.selected {
|
|
margin-top: $navSize / -2;
|
|
scale: 1.2;
|
|
}
|
|
|
|
& > .navButtonLabel {
|
|
font-size: 0.7rem;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
}
|