receptty.org/sass/_nav.scss

69 lines
996 B
SCSS
Raw Normal View History

2019-10-30 11:58:46 +01:00
nav {
2023-04-03 22:11:05 +02:00
display: flex;
flex-direction: column;
width: 100%;
color: $nav-h1-color;
2019-10-30 11:58:46 +01:00
2023-04-03 22:11:05 +02:00
a.title {
margin: 0;
2023-04-03 22:11:05 +02:00
padding: 0 $nav-item-padding;
color: $nav-h1-color;
font-size: $nav-h1-font-size;
font-weight: bold;
2019-10-30 11:58:46 +01:00
}
ul {
2023-04-03 22:11:05 +02:00
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding: 0;
list-style-type: none;
2019-10-30 11:58:46 +01:00
2023-04-03 22:11:05 +02:00
li a {
display: block;
padding: $nav-item-padding;
text-decoration: none;
2019-10-30 11:58:46 +01:00
2023-04-03 22:11:05 +02:00
&, &:active, &:visited {
color: $nav-color;
}
&:hover, &.selected {
color: $nav-anchor-hover-color;
background-color: $nav-background-primary;
2019-10-30 11:58:46 +01:00
}
}
}
2020-03-16 00:20:30 +01:00
img {
2023-04-03 22:11:05 +02:00
height: 1em;
width: 1em;
2020-03-16 00:20:30 +01:00
}
2023-04-03 22:11:05 +02:00
.wrap {
width: 100%;
max-width: $main-wrap;
margin: 0 auto;
2019-10-30 11:58:46 +01:00
}
2023-04-03 22:11:05 +02:00
.primary {
background: $nav-background-primary;
2023-04-03 19:49:53 +02:00
2023-04-03 22:11:05 +02:00
.wrap {
display: flex;
justify-content: space-between;
align-items : center;
2023-04-03 19:49:53 +02:00
}
2019-10-30 11:58:46 +01:00
}
2023-04-03 22:11:05 +02:00
.secondary {
background: $nav-background-secondary;
.wrap {
display: flex;
justify-content: center;
}
}
}