Documentation en ligne

Classes CSS réutilisables

En complément du système de grille CSS, les thèmes Publik fournissent une série de classes CSS réutilisables.

Classes « responsive »

mobile-only

Limite l'affichage à la vue « mobile » du site, c'est-à-dire quand la largeur de l'écran est faible, par défaut inférieure ou égale à 800 pixels.

desktop-only

Limite l'affichage à la vue « ordinateur » du site, c'est-à-dire dans la situation inverse, quand la largeur de l'écran est par défaut supérieure à 800 pixels.

Classes pour les cellules

no-bottom-margin

Retire l'espace présent sous une cellule, permet de donner l'impression que des cellules consécutives font partie d'un unique bloc.

pk-transparent

Assure un fond transparent à la cellule.

foldable

Rend le contenu d'une cellule pliable.

folded

Associée à la classe foldable, définit le contenu d'une cellule comme étant plié par défaut.

links-list

Permet de donner à une cellule de texte le style commun « titre et liens », pour cela le texte doit contenir un titre (<h2>) suivi d'une liste de liens (<ul>).

Classes pour les champs des formulaires

budget-table

Met en forme un champ de type « tableau » pour la saisie d'informations budgétaires (libellés alignés à gauche, utilisation de toute la largeur, colonne de saisie des nombres poussée sur la droite).

hidden

Cache le champ (applicable uniquement aux champs de type « Liste »).

Classes pour des éléments de texte

pk-button

Applique une apparence de bouton à un lien.

pk-big-button

Applique une apparence de bouton de grande taille à un lien.

Classes pour les tableaux

pk-data-table

Applique un style commun de présentation au tableau, obligatoire pour que les autres styles de tableau prennent effet.

pk-table-headers

Applique aux entêtes de colonne un style distinctif, par défaut proche de celui des titres de cellule.

pk-table-borders

Applique des bordures de tous les côtés des cellules du tableau.

pk-table-center

Centre par défaut le contenu de toutes les cellules.

pk-table-zebra

Alterne les couleurs de fond des lignes.

Dernière mise à jour le 14 octobre 2019 22:23 — Éditer