alpes-maritimes-2022: separate header's brand into 2 links (#72102)
This commit is contained in:
parent
1b5a97a9d8
commit
ad791f7644
|
@ -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 {
|
||||
|
|
|
@ -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 %}
|
Loading…
Reference in New Issue