eurelien-cd28-2022: retours v1 (#71798) #61
|
@ -3,9 +3,6 @@ div#main-content {
|
|||
}
|
||||
|
||||
.cd28-page-header {
|
||||
clear: both;
|
||||
margin: 0 auto;
|
||||
max-width: $header-width;
|
||||
width: 100%;
|
||||
background: url("img/page-banner.jpeg");
|
||||
background-size: 100% 100%;
|
||||
|
@ -20,16 +17,28 @@ div#main-content {
|
|||
|
||||
h1 {
|
||||
@extend %big-title-1;
|
||||
color: $black;
|
||||
|
||||
&::before {
|
||||
background-image: url("img/title-img-white.svg");
|
||||
}
|
||||
|
||||
.cd28-title-header {
|
||||
color: $gray-9;
|
||||
}
|
||||
}
|
||||
|
||||
h2:not(:first-child) {
|
||||
@extend %big-title-2;
|
||||
color: $black;
|
||||
|
||||
&::before {
|
||||
background-image: url("img/title-img-white.svg");
|
||||
}
|
||||
|
||||
.cd28-title-header {
|
||||
color: $gray-9;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -159,7 +168,7 @@ div.textcell, .cd28-page-header {
|
|||
}
|
||||
}
|
||||
|
||||
div.cell.cd-28-shadow {
|
||||
div.cell.cd28-shadow {
|
||||
box-shadow: $shadow-1;
|
||||
}
|
||||
|
||||
|
|
|
@ -11,7 +11,11 @@ div#footer {
|
|||
}
|
||||
|
||||
a {
|
||||
@include link(white, black);
|
||||
color: white;
|
||||
&:hover {
|
||||
color: $yellow-4;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
a.pk-button, a.pk-big-button {
|
||||
|
|
|
@ -88,17 +88,13 @@ div.gru-nav .gru-nav-button {
|
|||
// Menu items create the bottom padding for the header here, so
|
||||
// they reach the bottom of the header and stay hovered when
|
||||
// moving the mouse to the submenu.
|
||||
height: calc(#{$header-logo-height} + #{$header-desktop-padding-v});
|
||||
min-height: calc(#{$header-logo-height} + #{$header-desktop-padding-v});
|
||||
padding-bottom: $header-desktop-padding-v;
|
||||
|
||||
// border-bottom when mouse in in submenu
|
||||
&:hover .menu--link {
|
||||
border-bottom-color: $yellow-4;
|
||||
|
||||
&:after {
|
||||
content: "\ea78"; // arrow-up-s-line
|
||||
}
|
||||
|
||||
&:not(:hover) {
|
||||
color: white;
|
||||
}
|
||||
|
@ -118,18 +114,13 @@ div.gru-nav .gru-nav-button {
|
|||
|
||||
&--link {
|
||||
margin: 0;
|
||||
// right padding is set to small to let space for the dropdown icon
|
||||
@media($min-desktop-viewport) {
|
||||
padding-right: $space-small;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "\ea6e"; // arrow-right-s-line
|
||||
font-family: "RemixIcon";
|
||||
|
||||
@media($min-desktop-viewport) {
|
||||
content: "\ea4e"; // arrow-down-s-line
|
||||
margin-left: $space-small;
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,6 +4,8 @@
|
|||
line-height: $lineheight-1;
|
||||
font-size: $mobile-size;
|
||||
font-weight: $weight;
|
||||
margin-top: 0em;
|
||||
margin-bottom: 1em;
|
||||
|
||||
@media($min-desktop-viewport) {
|
||||
font-size: $desktop-size;
|
||||
|
@ -50,7 +52,8 @@
|
|||
padding-left: 2.6em;
|
||||
padding-bottom: 0;
|
||||
&::before {
|
||||
bottom: 0.5em;
|
||||
bottom: auto;
|
||||
top: 0.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -8,6 +8,10 @@
|
|||
border-radius: $border-radius;
|
||||
margin-bottom: $space-large;
|
||||
}
|
||||
|
||||
&--title {
|
||||
@extend h3;
|
||||
}
|
||||
}
|
||||
|
||||
div#tracking-code {
|
||||
|
|
|
@ -1,12 +1,14 @@
|
|||
{
|
||||
"label": "Eurelien (CD28) - 2022",
|
||||
"variables": {
|
||||
"theme_color": "#ffcd00"
|
||||
"theme_color": "#ffcd00",
|
||||
"email_header_asset": "emails:logo"
|
||||
},
|
||||
"settings": {
|
||||
"combo": {
|
||||
"COMBO_ASSET_SLOTS.update": {
|
||||
"header:logo": { "label": "Têtière : logo" }
|
||||
"header:logo": { "label": "Têtière : logo" },
|
||||
"emails:logo": {"label": "Emails : logo"}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
{% block before-main-content %}
|
||||
<header class="cd28-page-header">
|
||||
<div class="cd28-page-header--content">
|
||||
{% placeholder "page-header" name="En-tête de la page" optional=True acquired=True%}
|
||||
{% placeholder "page-header" name="En-tête de la page" optional=True %}
|
||||
{% skeleton_extra_placeholder page-header-default %}
|
||||
{% end_skeleton_extra_placeholder %}
|
||||
</div>
|
||||
|
|
|
@ -4,20 +4,12 @@
|
|||
<div class="cd28-page-header--wcs-default">
|
||||
{% if title %}
|
||||
{% with title|split:" " as title_elements %}
|
||||
{% if title_elements|length > 1 %}
|
||||
<h1>
|
||||
<span class="cd28-title-header">{{ title_elements|first }}</span>
|
||||
{{ title_elements|slice:"1:"|join:" " }}
|
||||
</h1>
|
||||
{% else %}
|
||||
<h1>{{ title }}</h1>
|
||||
{% endif %}
|
||||
<h1>
|
||||
<span class="cd28-title-header">Les</span>
|
||||
démarches
|
||||
</h1>
|
||||
{% endwith %}
|
||||
{% if view.formdef.description %}
|
||||
{{ view.formdef.description | safe }}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
tjund marked this conversation as resolved
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block wcs-form-title %}{% endblock %}
|
||||
|
|
Loading…
Reference in New Issue
le else ne sert plus à rien je pense. Sauf afficher le titre de la démarche ici uniquement lorqu'il est composé d'1 seul mot !?
Pas réveillé hier... C'est fixé.