better mobile navigation
parent
25ff362c3c
commit
e03111cda4
|
@ -1,6 +1,7 @@
|
||||||
---
|
---
|
||||||
title: new template
|
title: new template
|
||||||
date: 2021-08-27
|
date: 2021-08-27
|
||||||
|
draft: true
|
||||||
tags:
|
tags:
|
||||||
- hugo
|
- hugo
|
||||||
summary: >
|
summary: >
|
||||||
|
|
|
@ -1,8 +1,10 @@
|
||||||
#main-navigation {
|
#main-navigation {
|
||||||
background-color: @color-nav-background;
|
background-color: @color-nav-background;
|
||||||
|
|
||||||
@media @desktop {
|
@media @desktop {
|
||||||
width: 800px;
|
width: 800px;
|
||||||
}
|
}
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
@ -12,7 +14,10 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
margin-top: 2em;
|
@media @desktop{
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
@ -29,6 +34,11 @@
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
|
@media @desktop{
|
||||||
|
margin-top: 1.5em;
|
||||||
|
}
|
||||||
|
margin-top: 0;
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
|
@ -46,12 +56,18 @@
|
||||||
color: @color-nav-text;
|
color: @color-nav-text;
|
||||||
|
|
||||||
// underscore
|
// underscore
|
||||||
margin-right: 0px; // space between items
|
margin-right: 0; // space between items
|
||||||
padding-bottom: 0.4em; // space to the underscore
|
margin-left: 0; // space between items
|
||||||
border-bottom: 2px solid @color-nav-underline;
|
border-bottom: 2px solid @color-nav-underline;
|
||||||
padding-top: 0.4em; // space to the underscore
|
|
||||||
border-top: 2px solid @color-nav-underline;
|
border-top: 2px solid @color-nav-underline;
|
||||||
|
|
||||||
|
padding-bottom: 1.1em; // space to the underscore
|
||||||
|
padding-top: 1.1em; // space to the underscore
|
||||||
|
@media @desktop{
|
||||||
|
padding-bottom: 0.6em; // space to the underscore
|
||||||
|
padding-top: 0.6em; // space to the underscore
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue