48 lines
1.0 KiB
Plaintext
48 lines
1.0 KiB
Plaintext
body {
|
|
#main-navigation {
|
|
//background-color: @color-nav-background;
|
|
//position: fixed;
|
|
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1fr minmax(100px, 800px) 1fr;
|
|
grid-template-areas:
|
|
". menu .";
|
|
|
|
ul {
|
|
grid-area: menu;
|
|
margin-top: 40px;
|
|
margin-bottom: 0;
|
|
|
|
list-style-type: none;
|
|
padding: 0 0 20px;
|
|
overflow: hidden;
|
|
|
|
color: @color-nav-text;
|
|
|
|
li {
|
|
float: left;
|
|
font-family: @font-nav;
|
|
|
|
//border-bottom: 3px solid @color-nav-item-border;
|
|
|
|
a {
|
|
// text
|
|
text-decoration: none;
|
|
display: block;
|
|
text-align: center;
|
|
color: @color-nav-text;
|
|
|
|
// underscore
|
|
margin-right: 14px; // space between items
|
|
padding-right: 2px; // overlap of the underscore
|
|
padding-left: 2px; // overlap of the underscore
|
|
padding-bottom: 5px; // space to the underscore
|
|
border-bottom: 2px solid @color-nav-underline;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|