Не работает свойство в SASS
Нужно для класса footer__phone установить font-size: 14px
Не могу разобраться с отступами, чтобы данный класс заработал в SASS.
HTML
<div class="footer__block">
<span class="footer__label">Наши контакты</span>
<ul class="footer__links">
<li class="footer__phone"><a href="tel:+00000000000">+0 (000) 000 00 00</a></li>
<li><a href="mailto:info@info.ru">info@info.ru</a></li>
</ul>
</div>
SASS
.footer
background: #f2f5f9
padding: 40px 0px 40px 0px
&__container
display: grid
grid-template-columns: 256px 1fr
grid-gap: 8rem
&--copy
display: flex
justify-content: flex-end
align-items: center
&__name
filter: grayscale(255)
&:hover
filter: grayscale(0)
&__main
display: flex
flex-direction: column
align-items: flex-start
&__logo
margin-bottom: 32px
img
width: 225px
&__messengers
margin-bottom: 24px
&__copy
margin-top: 24px
span
display: flex
font-size: 12px
line-height: 16px
color: rgba(0, 0, 0, 0.32)
&__blocks
display: grid
grid-template-columns: repeat(3, auto)
grid-gap: 32px
align-items: start
justify-content: space-between
&__block
display: grid
grid-gap: 24px
&__label
font-size: 20px
line-height: 24px
color: #000
font-weight: 600
&__links
display: grid
grid-gap: 8px
color: #666666
li
&.current-menu-item
a
color: #5AAFFF
a, button
// color: rgba(255, 255, 255)
display: flex
transition: color 0.3s
&:hover
color: #5AAFFF
Свойства для класса footer__phone должно идти после класса &__links
Подскажите пожалуйста как добавить свойства для класса footer__phone
Источник: Stack Overflow на русском