Bonjour,
Mon problème est le suivant :
j'ai un Titre en h2 et je souhaite avoir un trait en dessous de ce titre.
Le h2 peut se retrouver avec différents Background-color sur d'autres pages.
Mon souhait est que le background de mon ::after change de couleur de son Background en fonction du color du h2.
Voici le code du h2 et de son :after avec la variable que j’aimerai.
Vous vous dites surement que si déjà je dois modifier la couleur du h2 en fonction du background (blanc sur blanc c'est moyen
), je peux ajouter une ligne en plus à chaque fois. Mais bon, si je peux économiser quelques lignes, ça serait top.
Modifié par MatthieuJ (18 Nov 2019 - 16:50)
Mon problème est le suivant :
j'ai un Titre en h2 et je souhaite avoir un trait en dessous de ce titre.
Le h2 peut se retrouver avec différents Background-color sur d'autres pages.
Mon souhait est que le background de mon ::after change de couleur de son Background en fonction du color du h2.
Voici le code du h2 et de son :after avec la variable que j’aimerai.
:root {--inherit: inherit;}
.wrapper-content h2 {
font-family: var(--font-slab);
font-size: 4rem;
font-weight: 300;
text-align: center;
position: relative;
}
.wrapper-content h2::after {
content: '';
height: 2px;
background: var(--blanc,inherit);
width: 5%;
margin: auto;
display: block;
bottom: -2rem;
position: absolute;
left: 0;
right: 0;
}
Vous vous dites surement que si déjà je dois modifier la couleur du h2 en fonction du background (blanc sur blanc c'est moyen
), je peux ajouter une ligne en plus à chaque fois. Mais bon, si je peux économiser quelques lignes, ça serait top. Modifié par MatthieuJ (18 Nov 2019 - 16:50)
