baz_april/scss/_baz-nav.scss

117 lines
1.8 KiB
SCSS

// ------------------------------------------
// Sous-navigation et autres menus
// ------------------------------------------
// Habillage general des menus de nav
.menu {
clear: both;
margin-bottom: 1.5em;
text-align: left;
p {}
ul {
margin-bottom: 1.5em;
}
ul li {}
ul li ul {
margin-left: 1.5em;
list-style: circle;
}
}
.nav {
ul {
margin:0;
padding:0;
}
li {
display:inline;
line-height:1.2;
}
a, a:visited {
display: inline-block;
padding:0.3em 0 0.2em;
margin:0 0.5em 0.4em;
text-decoration: none;
line-height:1.4;
border-bottom:3px solid white;
.header__boussole & {
font-size:0.8rem;
font-weight:400;
padding:0.6em 1em;
margin:0;
color:white;
border:0;
}
.on &,
&.on,
&:focus,
&:hover,
&:active {
border-color:$couleurSecondaire;
.header__boussole & {
background:$couleurSecondaire;
}
}
}
.pagination { margin:0 0 1rem; }
}
/* header = nav-principale */
.page__header > .page--container {
.nav {
font-size:0.9rem;
> ul {
text-align:right;
}
a {
font-weight:700;
}
}
}
// aside
// ------------------------------------
.contentAside {
.nav {
padding:0;
li {
display:block;
}
a {
width:100%;
}
& .blog {
a {
line-height:1;
padding:1em;
font-weight:700;
p {
font-weight:400;
margin:0;
&.date {
font-size:90%;
margin:0 0 0.3em;
}
&.introduction {
font-size:0.8em;
margin-top:0.5em;
}
}
/* &:hover, &:focus, &:active, &.on { background:darken($grayLighter,10); color:$couleurPrincipaleDowner; } */
}
}
}
}
// boussole
.header__boussole {
position:absolute;
top:0;
left:0;
right:0;
background-color:$couleurPrincipale;
color:white;
}