form--search-block-form.html.twig

Le code ci-dessous affiche le formulaire de recherche du site :

{#
/**
 * @file
 * Default theme implementation for a 'form' element.
 *
 * Available variables:
 * - attributes: A list of HTML attributes for the wrapper element.
 * - children: The child elements of the form.
 *
 * @see template_preprocess_form()
 */
#}
<form{{ attributes.addClass('dh_form-search') }}>
          {{ children }}
</form>

{{ chidren }} signifie "rendre-évaluer-exprimer-produire" le résultat de l'expression "children". Cette expression est la fonctionnalité Drupal qui identifie les élément-enfant d'un type array. Ici les éléments <input> et <button> du formulaire.
Donc cela produit donc l'affichage des éléments du formulaire.
 

Le code CSS utilisé pour mettre en forme cette partie de la page utilise  la technologie "flex" pour caler le formulaire à droite de l'entête et la propriété "-webkit-transition" pour donner plus de dynamisme à la page. Lire le billet "Formulaires et Page de recherche" pour de plus amples information.