Héritage de couleur

**soeursourire** · 25/03/2016, 14h35

Bonjour,

Je ne trouve pas mon erreur. J'ai un texte "Learn more" inclus dans un bouton (classe .btn) lui même inclus dans une div (class .team-text). Je voudrais que le texte soit en orange mais il reste en blanc (comme la couleur du div parent)...

Code html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div class="team-text">
          <h3>Our team</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna </p>
          <a class="btn" href="#">Learn more</a>
 </div>

Code SCSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
.team-text {
	padding-left: 159px;
	padding-right: 141px;
	padding-top: 206px;
	float: left;
 
	width: 595px;
	height: 566px;
 
	color: $colorWhite;
 
	background-image: linear-gradient(-66deg, $color2, $color10);
}
 
.btn {
	display: inline-block; // pour donner une hauteur au bouton
	margin-top: 39px;
	padding: 0 47px; // espace autour du texte dans le bouton
 
	color: $color8; // ma couleur orange
 
	line-height: 45px;
 
	background-color: $color8;
}