Bonjour,
En créant un thème pour Bootstrap3, je suis les informations de http://spipr.nursit.com/themes
Je désire surcharger la couleur des h2 :
- je crée ma couleur dans variables.less (pas de pb),
- puis je déclare dans boot-theme.less :
h2 { color: @parme; }
Mais ce n'est pas pris en compte, c'est la règle de
bootstrap3\v3.0.8\bootstrap2spip\css\type.less
qui est prise en compte (constat firebug).
Même chose si je tente dans bootswatch.less
Pour que ça fonctionne, je peux écrire
h2 { color: @parme; !important}
Mais pourquoi donc ? Quel est l'ordre de compilation less ?
Merci
--
Stéphane
Les Voisins Spipeurs : http://www.voisins-spipeurs.net
Le 27/10/2016 à 23:22, Stéphane Santon a écrit :
Bonjour,
En créant un thème pour Bootstrap3, je suis les informations de
Thèmes - SPIPr
Je désire surcharger la couleur des h2 :
- je crée ma couleur dans variables.less (pas de pb),
- puis je déclare dans boot-theme.less :
h2 { color: @parme; }
Mais ce n'est pas pris en compte, c'est la règle de
bootstrap3\v3.0.8\bootstrap2spip\css\type.less
qui est prise en compte (constat firebug).
Même chose si je tente dans bootswatch.less
Pour que ça fonctionne, je peux écrire
h2 { color: @parme; !important}
Mais pourquoi donc ? Quel est l'ordre de compilation less ?
Merci
Salut
en regardant la feuille type.less vite fait c'est une class .h2 ou .h2-like
donc y'a peut être plus de chance que ça marche si tu cible avec la class css .h2 que sur h2
sinon avec un selecteur de niveau supérieur comme
.texte h2, .texte .h2 { … }
ou
.content h2, .content .h2 { … }
ceci devrait t'éviter le !important
--
Bonne journée
Arnaud B. (Mist. GraphX)