Improve the footer

This commit is contained in:
gregoirenovel 2018-02-28 15:31:01 +01:00
parent 1e59294c84
commit e2366ce658
2 changed files with 23 additions and 17 deletions

View file

@ -44,26 +44,32 @@ footer {
}
}
.footer-logo:hover {
opacity: 0.8;
.footer-text {
font-style: italic;
margin-bottom: 14px;
}
.footer-logo-beta-gouv-fr {
@include ie-compatible-background-image("footer/logo-beta-gouv-fr.svg");
width: 190px;
height: 32px;
margin-bottom: 14px;
.footer-logo:hover {
opacity: 0.8;
}
.footer-logo-dinsic {
@include ie-compatible-background-image("footer/logo-dinsic.svg");
height: 115px;
width: 100px;
height: 104px;
width: 90px;
margin-bottom: 14px;
}
.footer-link a {
.footer-logo-beta-gouv-fr {
@include ie-compatible-background-image("footer/logo-beta-gouv-fr.svg");
width: 150px;
height: 25px;
}
.footer-link a,
.footer-text a {
color: $black;
text-decoration: none;

View file

@ -3,15 +3,15 @@
%ul.footer-columns
%li.footer-column
%ul.footer-logos
%li.footer-link
Un service fourni par :
%li
= link_to "https://beta.gouv.fr/" do
%span.footer-logo.footer-logo-beta-gouv-fr{ role: 'img', 'aria-label': 'Logo de beta.gouv.fr' }
%li.footer-text
Un service fourni par la <a href="http://www.modernisation.gouv.fr/">DINSIC</a>
%br
et incubé par <a href="https://beta.gouv.fr">beta.gouv.fr</a>
%li
= link_to "http://www.modernisation.gouv.fr/" do
%span.footer-logo.footer-logo-dinsic{ role: 'img', 'aria-label': 'Logo de la DINSIC' }
= link_to "https://beta.gouv.fr" do
%span.footer-logo.footer-logo-beta-gouv-fr{ role: 'img', 'aria-label': 'Logo de beta.gouv.fr' }
%li.footer-column
%ul.footer-links