Index. html
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="./assets/favicon.png" type="image/x-icon">
<title>Serenatto</title>
<link
href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700&family=Barlow:wght@400;600&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./styles/main.css">
</body>
</html>
Scss
* {
margin: 0;
padding: 0;
}
$primary-color: #212529;
$secondary-color: #fff;
$accent-color: #8A5E36;
$font-family-primary: 'Barlow', sans-serif;
body {
font-family: $font-family-primary;
background-color: $secondary-color;
color: $primary-color;
}
body {
font-family: $font-family-primary;
background-color: $secondary-color;
color: $primary-color;
a {
color: $primary-color;
&:hover {
color: $accent-color;
}
}
}
Depois da sugestão:npm install -D sass-embedded deu certo a importação