[RÉGLÉ] LESS class "pull-none"

[olima]

Bonjour,

J'aimerais savoir si la class "pull-none" existe et dans quel fichier LESS ?

Merci

[lomart]

Re : LESS class "pull-none"

Elle n'existe pas, mais tu peux la créer !
Les classes pull-left et pull-right sont dans le fichier \media\jui\less\utilities.less.
Mais pour ne pas risquer qu'elle soit écrasée lors d'une mise à jour de Joomla, je te conseille de la créer dans ton fichier less perso

PS. Tu vois que l'on répond sur bootstrap

[lefabdu51]

Re : LESS class "pull-none"

elle sert a quoi cette classe?Soit tu met ton module a gauche, soit a droite, soit tu ne les utilise pas.....Donc un brin d eclarcissement sur le sujet....Merci par avance

[lomart]

Re : LESS class "pull-none"

Elle doit avoir le même rôle qu'un float:none pour supprimer le float d'une déclaration précédente ... enfin je suppose !

[olima]

Re : LESS class "pull-none"

elle sert a quoi cette classe?Soit tu met ton module a gauche, soit a droite, soit tu ne les utilise pas.....Donc un brin d éclaircissement sur le sujet....Merci par avance

Cette classe est créée quand l'image d'un article n'a aucune position.
La position gauche/droite pour une Image d'intro n'est pas forcement utile.( les marges surtout )

<div class="pull-none item-image"> <img alt="" src="/joomla3/images/img.jpg"> </div> 

Merci de m'avoir répondu !

[lomart]

Re : LESS class "pull-none"

Cette classe est créée quand l'image d'un article n'a aucune position.
La position gauche/droite pour une Image d'intro n'est pas forcement utile.( les marges surtout )

L'important, c'est de savoir quoi y mettre.
Si j'essaie de te comprendre, tu ferais :
.pull-none {float:none; margin:0}

Personnellement, je dissocierais les fonctions en créant :
.pull-none {float:none}
.pull-raz {clear:both}
.margin-none {margin:0}

[olima]

Re : LESS class "pull-none"

je cherche a placer simplement un "margin-bottom"

[lomart]

Re : LESS class "pull-none"

je cherche a placer simplement un "margin-bottom"

dans ce cas, crée un
.margin-bottom-10 {margin:0 0 10px}
.margin-bottom-20 {margin:0 0 20px}

Comme cela, tu t'assures de retirer toutes les marges et d'ajouter une marge en bas de la valeur indiquée dans le nom de la classe