Aller au contenu

Points d'extension

phil/ux-css
PointComment
Un jetonLe définir dans le :root du site, hors de toute couche : il l'emporte sur les couches des jetons
Une échelle entièreDéfinir son multiplicateur : --phil-scale, --phil-scale-space, --phil-scale-text, --phil-scale-radius
Une teinteDéfinir ses tons, chacun à la clarté que dit son numéro, puis passer la règle de contraste
Un rôleDonner à --phil-color-<role>-<part> un autre light-dark() de deux tons
Le schémadata-theme sur la racine ou sur n'importe quel élément
L'écart ou la mesure d'un élémentLa propriété personnalisée de la classe de mise en page : --phil-stack-gap, --phil-center-measure…
Une tonalité à soiUne classe qui définit les six --phil-tone-*, dans une couche après phil.components ou hors de toute couche
Un bouton--phil-button-fill, --phil-button-fill-hover, --phil-button-fill-active, --phil-button-on, --phil-button-border
La taille des contrôles--phil-control-sm, -md, -lg ; ou --phil-control-size sur un élément
La largeur d'un dialogue ou d'un panneau latéral--phil-dialog-size sur l'élément
Le carrousel--phil-carousel-item, --phil-carousel-gap
Les couleurs du code coloré--phil-hl-keyword, --phil-hl-string, --phil-hl-number, --phil-hl-comment, --phil-hl-name, --phil-hl-markup
Le titre--phil-reveal-caret, les durées par les valeurs du contrôleur, .isRevealToggle pour le bouton de pause
Des paires de contraste en plusnew ContrastRule([new Pair(…)])
Certaines couches seulementImporter les fichiers sources de css/ dans les mêmes couches, dans le même ordre