baz_april/squelettes/scss/blocs/_footer.scss

99 lines
1.6 KiB
SCSS

.page_footer {
padding:($spacer*1.5) 0;
color:white;
background-color:$couleurPrincipale;
p {
font-size:0.8rem;
}
a {
display:inline-block;
margin:0 0.4em;
border:0;
color:white;
}
.page_connexplus {
@include clearfix;
padding-bottom:($spacer*1.5);
a {
color:$grayDark;
}
}
.menus_footer {
@include flex;
justify-content: space-between;
font-size:0.8em;
.menu-liste {
flex-basis:18%;
margin:0 0 ($spacer*2);
list-style:none;
.h4 {
margin:$spacer 0 0;
font-size:1.15em;
color:$white;
}
a { margin:0; }
}
}
.formulaire_spip.formulaire_recherche {
max-width:em(400px);
margin-top:$spacer;
input[type="search"] {
line-height:3em;
min-height:3em;
}
input.placeholder,
textarea.placeholder {
color: $couleurPrincipale;
}
input::-webkit-input-placeholder {
color: $couleurPrincipale;
}
input:-moz-placeholder { /* Firefox 18- */
color: $couleurPrincipale;
}
input::-moz-placeholder { /* Firefox 19+ */
color: $couleurPrincipale;
}
input:-ms-input-placeholder {
color: $couleurPrincipale;
}
}
.april { // logo april
float:right;
width:80px;
}
.sociaux {
a {
display:inline-block;
font-size:0.8em;
.socicon {
background:transparent;
}
.name {
display:inline;
@include visuallyhidden;
}
}
}
.colophon {
.menu-liste {
display:inline;
.menu-entree {
display:inline;
}
}
}
}
.footer__links {
@include list-reset;
@include list-inline;
@include list-separator('|', 0.5em);
}
.footer__links_item {
}