Разворачивание интерфейсов в приложении на React

navigation.module.scss

• Для навигации создать свои отдельные стили для компонентов
  src\modules\Navigation\Navbar.js
  src\modules\Navigation\Header.js
• & a == . navigation a сокращение синтаксиса

@import './variables.module.scss';
.navigation{
color:$lightColor;
text-align:center;
& a{
отступ
display:block;
padding:10px 0;

text-decoration:none;убрать подчёркивание
font-weight:700;
font-size:20px;
color:inherit;наследование от родителя
}
}
.header {
background:$color;
color:$lightColor;
font-weight:700;
font-size:20px;
padding:5px 15px;
border-left: 1px solid $lightColor;
}