Вложенные стили не работают в стилях моего компонента - PullRequest
Новая
       7

Вложенные стили не работают в стилях моего компонента

1 голос
/ 30 сентября 2019

В моем приложении Nuxt вложены стили со стандартным синтаксисом LESS/SCSS. Очень простые вещи, но браузер этого не понимает: 

<style scoped>
.telephone {
  display: flex;
  align-items: center;
  color: white;

  .icon-telephone {
    margin-right: 1em;
    transform: rotate(90deg);
    width: 20px;
  }
}
</style>

В консоли Chrome я буквально вижу это: 

.telephone {
    .icon-telephone {: ;
    margin-right: 1em;
    transform: rotate(90deg);
    width: 20px;
    }: ;
}

.. со всем от .icon-telephone {: ; до }: ;пробил.

Что происходит?

1 Ответ

0 голосов
/ 30 сентября 2019

Привет, вы должны проверить это:

https://nuxtjs.org/faq/pre-processors/

Установите препроцессоры и используйте атрибут lang. 

<style lang="scss">
.red {
  color: red
}
</style>
...