#javascript #html #css #sass
#javascript #HTML #css — код #нахальство
Вопрос:
Мой файл scss не работает, я проверил с помощью firefox developer edition, все файлы, похоже, подключены к html, но переданные свойства цвета и границы не отображаются. я скомпилировал файл scss с помощью компилятора VSCode Live SASS и koala. кажется, это не работает в любом случае?
HTML-файл
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Karla:wght@300amp;display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,300;1,700amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="./app/scss/style.css" type="text/css">
<title>Frontend Mentor | Insure landing page</title>
</head>
<body>
файл header.scss
<header class="header">
<nav class="flex flex-jc-sb">
<a href="/" class="header__logo">
<img src="images/logo.svg" alt="EASYBANK">
</a>
<a href="#" class="header__menu">
<span></span>
<span></span>
<span></span>
</a>
</nav>
</header>
.header {
position: relative;
z-index: 1;
amp;__logo {
img{
}
}
amp;__menu {
> span {
display: block;
width: 26px;
height: 2px;
// background-color: $dark-blue;
color: $darkViolet;
}
}
}
Это файл style.scss
@import "variables";
@import "globals";
@import "header";
Комментарии:
1. Содержит ли ваш
header.scssфайл HTML?2. нет. это не @ZsoltMeszaros
3. Ваша проблема решена? 😂