baz_april/squelettes/scss/blocs/_footer.scss

96 lines
1.5 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: 100%;
margin-top: $spacer;
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;
margin-left: ($spacer*2);
}
.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 {
}