Produits Entr'ouvert » Intégrations graphiques Publik

</section>

<section>

  <title>Retour en haut</title>

  <p>

    Bouton permettant de remonter en haut de page. Élément masqué par défaut. Si affiché, il le sera par défaut sous la forme d'un lien en fin de pied de page

  </p>

  <table shade="rows">

    <tr>

      <td><p><code>$back-top-display</code></p></td>

      <td><p>Condition d'affichage du bouton. Valeurs possibles: <var>mobile-only</var>, <var>block</var>, <var>inline</var>, <var>none</var>.</p></td>

      <td><p><var>none</var></p></td>

    </tr>

    <tr>

      <td><p><code>$back-top-icon-character</code></p></td>

      <td><p>Caractère UTF-8 de l'icon du bouton.</p></td>

      <td><p><var>"\f102"</var>(icone "angle-double-top")</p></td>

    </tr>

    <tr>

      <td><p><code>$back-top-icon-size</code></p></td>

      <td><p>Taille de l'icone.</p></td>

      <td><p><var>2.5em</var></p></td>

    </tr>

    <tr>

      <td><p><code>$back-top-icon-label-space</code></p></td>

      <td><p>Espace entre l'icone et le label du bouton</p></td>

      <td><p><var>0.33em</var></p></td>

    </tr>

    <tr>

      <td><p><code>$back-top-layout-direction</code></p></td>

      <td><p>Position de l'icone par rapport au label. Soit <var>vertical</var> : icone au dessus du label, soit <var>horizontal</var>: icone à côté du label</p></td>

      <td><p><var>vertical</var></p></td>

    </tr>

    <tr>

      <td><p><code>$back-top-layout-position</code></p></td>

      <td>

          <p><var>static (options)</var>: dans le pied de page; ou <var>fixed (options)</var>: collé à l'écran. </p>

          <p>Options de positionnement en mode 'static': <var>left: &lt;longueur&gt;</var>, ou <var>right: &lt;longeur&gt;</var>. <em>Exemple :</em> <var>static (left: 1rem)</var></p>

          <p>Options de positionnement en mode 'fixed': une ou plusieurs options entre <var>left: &lt;longueur&gt;</var>, <var>right: &lt;longeur&gt;</var>, <var>top: &lt;longeur&gt;</var>, <var>bottom: &lt;longeur&gt;</var> séparées par une virgule. <em>Exemple :</em><var>fixed (bottom: 20px, right: 10px)</var></p>

      </td>

      <td><p><var>static (right: 0)</var></p></td>

    </tr>

  </table>