Navigation refactoring
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
@ -1,71 +1,68 @@
|
||||
nav {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
width:100%;
|
||||
background:$nav-background-primary;
|
||||
color:$nav-h1-color;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
color: $nav-h1-color;
|
||||
|
||||
h1 {
|
||||
a.title {
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: $nav-h1-padding;
|
||||
color: $nav-h1-color;
|
||||
font-size: $nav-h1-font-size;
|
||||
}
|
||||
padding: 0 $nav-item-padding;
|
||||
color: $nav-h1-color;
|
||||
font-size: $nav-h1-font-size;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul {
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
justify-content:center;
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style-type:none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
li {
|
||||
|
||||
a {
|
||||
padding: $nav-item-padding;
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
|
||||
&, &:active, &:visited {
|
||||
color:$nav-color;
|
||||
}
|
||||
li a {
|
||||
display: block;
|
||||
padding: $nav-item-padding;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color:$nav-anchor-hover-color;
|
||||
}
|
||||
&, &:active, &:visited {
|
||||
color: $nav-color;
|
||||
}
|
||||
|
||||
&:hover, &.selected {
|
||||
color: $nav-anchor-hover-color;
|
||||
background-color: $nav-background-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
height:1em;
|
||||
width:1em;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
.mainnav {
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
width:100%;
|
||||
max-width:$recipe-wrap;
|
||||
margin:0 auto;
|
||||
box-sizing:border-box;
|
||||
.wrap {
|
||||
width: 100%;
|
||||
max-width: $main-wrap;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.subnav {
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
background:$nav-background-secondary;
|
||||
.primary {
|
||||
background: $nav-background-primary;
|
||||
|
||||
a.active {
|
||||
color: $nav-anchor-hover-color;
|
||||
background-color: $nav-background-primary;
|
||||
.wrap {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items : center;
|
||||
}
|
||||
}
|
||||
|
||||
.secondary {
|
||||
background: $nav-background-secondary;
|
||||
|
||||
.wrap {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user