Я впервые работаю в серьезной веб-разработке и использую Foundation.
**
Вопросы:
** 1) Могу ли я добавить текст / scss вмои типы MIME?Я использую терминал Mac для просмотра типов MIME в Apache и не вижу ссылок на расширения scss или sass
2) Почему мои стили вообще не будут применяться?
3) Неприоритет, но если у кого-то есть ответ, как мне настроить сайты Foundation помимо стилей по умолчанию?
**
Объяснение:
** Я не делаю ничего особенного, просто пытаюсь стилизовать мою веб-страницу и изучаю Sassy CSS.Я пытался настроить файл _.settings.scss, указанный в настройке фундамента, но изменения не загружались, и теперь он даже не использует стиль по умолчанию.В инструментах разработчика Chrome я не вижу ни стилей, ни примененных или на которые есть ссылки, и страница выглядит как простой HTML.
Я получаю следующие ошибки: в инструментах разработки для Chrome
Refused to apply style from 'http://localhost:63342/MMM/scss/app.scss'
because its MIME type ('application/octet-stream') is not a supported
stylesheet MIME type, and strict MIME checking is enabled.
2news-magazine.html:1
Refused to apply style from '..../foundation/scss/foundation.scss'
because its MIME type ('application/octet-stream') is not a supported
stylesheet MIME type, and strict MIME checking is enabled.
news-magazine.html:1
Refused to apply style from 'http://localhost:63342/MMM/scss/app.scss'
because its MIME type ('application/octet-stream') is not a supported
stylesheet MIME type, and strict MIME checking is enabled.
HTML:
<title>MMM</title>
<link rel="stylesheet"
href="./bower_components/foundation/scss/foundation.scss" />
<link rel="stylesheet" href="./scss/app.scss" />
<link rel="stylesheet" type="text/css="
href="./bower_components/foundation/css/foundation.min.css" />
<link rel="stylesheet" type="text/css="
href="./bower_components/foundation/css/foundation-icons.css" />
<script src="./bower_components/jquery/dist/jquery.js" ></script>
<script src="./bower_components/modernizr/modernizr.js"></script>
<link rel="stylesheet" type="text/css" href="./bower_components/font-
awesome/web-fonts-with-css/css/fontawesome.min.css"/>
<script
src="./bower_components/foundation/js/foundation/foundation.js"> .
</script>
<script src="./bower_components/foundation/js/
foundation/foundation.equalizer.js">
</script>
</head>
**
** Файл настроек **
$include-html-panel-classes: $include-html-classes;
// We use these to control the background and border styles
$panel-bg: scale-color(#FFFFFF, $lightness: -5%);
$panel-border-style: solid;
$panel-border-size: 1px;
$callout-panel-bg: scale-color($primary-color, $lightness: 94%);
//// We use this % to control how much we darken things on hover
$panel-border-color: scale-color($panel-bg, $lightness: -11%);
//// We use these to set default inner padding and bottom margin
$panel-margin-bottom: rem-calc(20);
$panel-padding: rem-calc(20);
//// We use these to set default font colors
$panel-font-color: #FF3548;
$panel-font-color-alt: $white;
$panel-header-adjust: true;
$callout-panel-link-color: #000000;
$callout-panel-link-color-hover: scale-color($callout-panel-link-color,
$lightness: -14%);
Заранее благодарим за помощь.Пожалуйста, дайте мне знать, если мне нужно включить что-нибудь еще.