receptty.org/sass/_nav.scss

67 lines
911 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
h1 {
margin: 0;
a {
display: block;
padding: $nav-h1-padding;
color: $nav-h1-color;
font-size: $nav-h1-font-size;
}
2019-10-30 11:58:46 +01:00
}
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: $nav-item-padding;
2019-10-30 11:58:46 +01:00
display:block;
text-decoration:none;
&, &:active, &:visited {
color:$nav-color;
}
&:hover {
color:$nav-anchor-hover-color;
}
}
}
}
2020-03-16 00:20:30 +01:00
img {
height:1em;
width:1em;
}
2019-10-30 11:58:46 +01:00
.mainnav {
display:flex;
justify-content:space-between;
align-items:center;
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
box-sizing:border-box;
2019-10-30 11:58:46 +01:00
}
.subnav {
display:flex;
justify-content:center;
background:$nav-background-secondary;
}
}