receptty.org/sass/_nav.scss

57 lines
797 B
SCSS
Raw Normal View History

2019-10-30 11:58:46 +01:00
nav {
display:flex;
flex-direction:column;
width:100%;
background:$nav-background-primary;
2020-01-01 18:46:07 +01:00
color:$nav-h1-color;
2019-10-30 11:58:46 +01:00
2020-01-01 18:46:07 +01:00
h1 a {
color:$nav-h1-color;
2019-10-30 11:58:46 +01:00
margin:$nav-h1-margin;
}
ul {
display:flex;
2020-01-01 21:13:23 +01:00
flex-wrap:wrap;
2020-01-01 21:30:01 +01:00
justify-content:center;
2019-10-30 11:58:46 +01:00
margin:0;
padding:0;
list-style-type:none;
li {
a {
padding:1em;
display:block;
text-decoration:none;
&, &:active, &:visited {
color:$nav-color;
}
&:hover {
color:$nav-anchor-hover-color;
}
}
}
}
.mainnav {
display:flex;
justify-content:space-between;
align-items:flex-end;
2019-12-24 14:57:47 +01:00
width:100%;
max-width:$recipe-wrap;
2019-10-30 11:58:46 +01:00
margin:0 auto;
2019-12-24 14:57:47 +01:00
padding:0 1em;
box-sizing:border-box;
2019-10-30 11:58:46 +01:00
}
.subnav {
display:flex;
justify-content:center;
background:$nav-background-secondary;
}
}