63 lines
1.4 KiB
SCSS
63 lines
1.4 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.5em; margin:0 0 0.4em; text-decoration: none; line-height:1.4; border:0;
|
||
|
|
.on &,
|
||
|
|
&.on,
|
||
|
|
&:focus,
|
||
|
|
&:hover,
|
||
|
|
&:active { background:$colorPrincipale; color:$white; }
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination { margin:0 0 1rem; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* header = nav-principale */
|
||
|
|
.page__header {
|
||
|
|
.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:$colorPrincipaleDowner; } */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// boussole
|
||
|
|
.header__boussole {
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
right:0;
|
||
|
|
background-color:$gray;
|
||
|
|
color:white;
|
||
|
|
}
|