@boul

Почему не подхватывается CSS для button?

Всем привет и здоровья каждому!
Уважаемые спецы, подскажите, что не так у меня с sass.
Проблема такая:
Есть две кнопки "Купить" и "В корзину"
вот кусок кода HTML:
<div class="button-group">
        <button type="button" onclick="cart.add('58');"><i class="fa fa-shopping-cart"></i> <span class="">В корзину</span></button>
      <a class="button toclick" href="#pp-item-2">Купить в один клик</a></div>

И вот участок кода для самих кнопок sass:
.button-group
		> 	*
			display: none
			&:first-child
				display: block
			&.toclick
				display: block
	button, .button
		&.toclick
			font-size: 14px
			border: none
			background-color: $accent2
			color: #fff
			width: 100%
			padding: 8px 0
			font-size: 18px
			transition: background-color .25s ease
			outline: 
			display: block
			margin-bottom: 5px
		.fa
			display: none
		&:hover, &:focus
			
			background-color: lighten($accent2, 10%)
			text-decoration: none
		&:active
			background-color: darken($accent2, 10%)	
			border: none

Ни как не могу понять, почему кнопка "В корзину" не подхватывает стили...
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы