alpes-maritimes-2022: separate header's brand into 2 links (#72102)

This commit is contained in:
Thomas Jund 2022-12-15 12:11:45 +01:00
parent 1b5a97a9d8
commit ad791f7644
2 changed files with 27 additions and 17 deletions

View File

@ -186,34 +186,36 @@ h3, .h3 {
}
// logo & site title
#logo.has-logo{
flex-grow: 1;
a {
display: flex;
&::before {
margin-right: 0;
@media ($min-desktop-viewport) {
width: 136px;
height: 150px;
}
}
&:hover {
text-decoration: none;
}
.header--cd06-link {
margin-right: 0;
width: nth($header-logo-size, 1);
height: nth($header-logo-size, 2);
@media ($min-desktop-viewport) {
width: 136px;
height: 150px;
}
}
.site-title {
font-size: 18rem / $base-font;
color: black;
#logo.has-logo {
flex-grow: 1;
font-weight: 700;
align-self: center;
margin: $nav-item-padding;
font-size: 18rem / $base-font;
@media ($min-desktop-viewport) {
font-size: 24rem / $base-font;
align-self: end;
border-left: 1px solid #000;
padding-left: 0.75rem;
}
a {
color: black;
&::before {
content: none;
}
&:hover {
text-decoration: none;
}
}
}
// Top links
#toplinks {

View File

@ -0,0 +1,8 @@
{% extends "combo/page_template.html" %}
{% block header-title %}
<a class="header--cd06-link" href="https://www.departement06.fr/" target="_blank" title="Département des Alpes Maritimes (nouvelle fenêtre)">
<img alt="Département des Alpes Maritimes" src="{{site_base}}/assets/header:logo">
</a>
{{ block.super }}
{% endblock %}