Fluffy/WebsiteArchive
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/Fluffys-website.git synced 2025-06-30 21:46:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

flasky flasky

Browse source
This commit is contained in:
Michał Gdula 2022-12-28 00:46:08 +00:00
parent e6e2714a95
commit 40baf07fe1
36 changed files with 1035 additions and 1365 deletions
Download patch file Download diff file Expand all files Collapse all files

56
static/css/_nav.scss Normal file
View file

@ -0,0 +1,56 @@
.nav {
margin: 0;
padding: 0;
background-color: $black;
color: $white;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
position: relative;
z-index: 69;
p {
margin: 0 1rem;
padding: 0;
font-size: 1rem;
}
}
.nav-toggle {
margin: 0;
padding: 0.5rem 1rem;
display: none;
background-color: transparent;
color: $white;
border: none;
i {
font-size: 1.5rem;
display: inline-block;
// display the hamburger icon vertically centered
line-height: 1.5rem;
}
}
@media screen and (max-width: 768px) {
.nav {
justify-content: space-between;
background-color: #121212;
}
.nav-toggle {
display: flex;
justify-content: center;
align-items: center;
}
}