burger->menu, fixes #3
This commit is contained in:
parent
51fc61be23
commit
3b2b6ccefd
1 changed files with 0 additions and 0 deletions
53
app/static/css/partials/_menu.scss
Normal file
53
app/static/css/partials/_menu.scss
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
|
||||
.topnav {
|
||||
background-color: #333;
|
||||
position: relative;
|
||||
height: 72px;
|
||||
padding-left: 16px;
|
||||
padding-top: 16px;
|
||||
@media screen and (max-width: 799px) {
|
||||
overflow: hidden;
|
||||
z-index: 100;
|
||||
height: initial;
|
||||
padding-left: initial;
|
||||
padding-top: initial;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: block;
|
||||
text-align: right;
|
||||
margin-right: 16px;
|
||||
@media screen and (max-width: 799px) {
|
||||
display: none;
|
||||
text-align: initial;
|
||||
margin-right: initial;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
@media screen and (max-width: 799px) {
|
||||
padding: 14px 16px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.icon {
|
||||
display: none;
|
||||
@media screen and (max-width: 799px) {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #ddd;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue