2016-11-15 5 views
0

Я пытаюсь настроить тему BigCommerce. Проблема в том, что эта тема использует файлы SASS (.scss) вместо css. У меня есть базовые знания SASS.Как добавить css в .scss-файл или тему

Но мне нужно настроить тему в соответствии с шаблоном html. Другими словами, вы можете сказать, что я пытаюсь преобразовать шаблон html в тему (бесплатная тема, загружаемая с рынка). Проблема заключается в том, что html-шаблон использует CSS, а тема использует .SCSS. Поэтому прямо сейчас я пытаюсь найти способ добавить CSS-шаблон в тему.

Сейчас я найти способ встроить свой CSS в тему и вот несколько вещей, которые я пытался я пытался напрямую добавить CSS в .SCSS файл как этот

.header-logo-text{color:#ffffff!important;} 

выше кода CSS, который Я набираю файл theme.scss (только для целей тестирования), чтобы проверить, будет ли писать css в .scss-файле какое-либо действие или нет, но таким образом он не менял цвет шрифта!

Во втором пути я пытался добавить CSS в HTML-теги, используя стиль, как этот

<div class="anyclass" style="background:red;"> 

Таким образом, его собирание CSS.

Я создал интернет-магазин на сайте bigcommerce и попытался настроить параметры, опровергнутые bigcommerce. Поскольку я не мог видеть какой-либо файл загружаемого файла, через который я могу напрямую загружать в него свои файлы css, вот почему вы пытаетесь каким-то образом добавить css в текущие файлы темы либо в html, либо в .scss.

И ни один файл css не присутствует в теме, как я могу добавить свой css в эту тему?

ответ

1

SASS с синтаксисом .scss - это надмножество CSS. Это означает, что действительный CSS автоматически действует SASS (но не в другом синтаксисе .sass). Конечно, вы должны убедиться, что файл SASS скомпилирован и включен.

TL; DR: вы можете использовать CSS внутри .scss файлов.

+0

Ваш ответ кажется обнадеживающим. Но я попытался поместить css, чтобы изменить цвет шрифта даже с '! Important', и он не взял это свойство css. Я могу видеть через инструмент осмотра, что другие свойства включаются через эти файлы, но только мои пользовательские свойства не собираются. У вас есть идея, почему? – Rishabh

+0

Вы только что добавили свое новое правило в файл .scss? Вам также необходимо перекомпилировать его. SASS - это не то, что используется браузером, но CSS, который скомпилирован из него. Либо проект включает в себя некоторый вспомогательный скрипт для компиляции SASS, либо вы можете вручную найти файл sass root, а затем скомпилировать его в использованный файл css с помощью командной строки SASS или любого приложения sass. –

+0

Спасибо за предложение @Mauro Я попытался отредактировать css в другом файле, и он выбрал css оттуда! Может быть, мне нужно больше узнать о теме, использующей SASS. И я буду помнить все ваши вопросы :) – Rishabh