Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.09.2016, 07:50
Аватар для Sogl
Аспирант
Отправить личное сообщение для Sogl Посмотреть профиль Найти все сообщения от Sogl
 
Регистрация: 12.05.2016
Сообщений: 95

sass-файлы не подхватываются в новой теме
Всем привет!

Решил делать свое приложение смотря в код admin-dashboard темплейта, с таким же интерфейсом.
Приложение создано классическое (папок classic и modern в корне нет):
sencha -sdk ext generate app -classic MyApp demo-app


Потом создал свою тему:
sencha generate theme my-theme


Подключил тему в app.json, билд работает без проблем. Далее начал строить интерфейс как в admin-dashboard и понял, что css-стилей у меня нет нужных.
Просмотрев несколько туториалов по созданию тем, начал переносить файлы стилей. В админском, как оказалось, они лежат по такому пути: `classic\sass\src\view\main\Main.scss`

Т к во всех туторах пишут, что надо класть в папку sass, создал свою `my-theme\sass\src\view\main\Main.scss`, то же самое с var папкой.
Компилирую и вижу, что стили не подхватились, хотя классы нужные у меня html на месте...

В общем, как я успел заметить, sass-файлы лежат в оригинале аж в 3-х местах:
  • classic
  • modern
  • sass

Не стоит забывать, что в корне приложения тоже папка sass имеется.

Где тут логика?
Как все-таки стили заставить компилироваться в проекте?
Ответить с цитированием
  #2 (permalink)  
Старый 09.09.2016, 09:49
Аватар для Sogl
Аспирант
Отправить личное сообщение для Sogl Посмотреть профиль Найти все сообщения от Sogl
 
Регистрация: 12.05.2016
Сообщений: 95

В общем, я создал в корневой sass-папке `var\view\main\Main.scss` и вписал следующее:
$base-color: #35baf6;
$lightest-color:#fff;


Базовый стиль почему-то применился ко всему приложению (окно логина тоже цвет изменило), а не только к выбранной вьюхе.

Далее создал в корневой sass-папке `src\view\main\Main.scss` с нужными мне стилями и снова все успешно применилось.

Как понимаю, в папке моего шаблона стили не компилируются и не применяются... почему так происходит? Может, следует что-то прописать?
Ответить с цитированием
  #3 (permalink)  
Старый 14.09.2016, 07:18
Аватар для Sogl
Аспирант
Отправить личное сообщение для Sogl Посмотреть профиль Найти все сообщения от Sogl
 
Регистрация: 12.05.2016
Сообщений: 95

Сегодня заметил, что команда `sencha app watch` не похватывает изменения в папке sass в корне проекта
То же самое с командой `sencha ant sass -watch`

Прыгать каждый раз в консоль чтобы проверить изменение стилей как-то не радует.

Последний раз редактировалось Sogl, 14.09.2016 в 07:20.
Ответить с цитированием
  #4 (permalink)  
Старый 20.09.2016, 09:28
Аватар для Sogl
Аспирант
Отправить личное сообщение для Sogl Посмотреть профиль Найти все сообщения от Sogl
 
Регистрация: 12.05.2016
Сообщений: 95

В общем, в итоге все кидаю в корневую папку sass... пока особых проблем не обнаружено. Проблемы начнутся, если я захочу поменять тему с одной на другую, но таких планов не предвидится.

`sencha app watch` то смотрит за изменениями sass, то нет... помогает `sencha ant sass`. Пляски с бубном вокруг консоли =)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Gulp, проблема при компиляции sass malgeorge Сборка проекта, утилиты 2 24.02.2017 11:43
Помогите решить проблему с Gulp + Bower + Sass + Bootstrap в теме Wordpress Sigizmund2012 Сборка проекта, утилиты 1 23.09.2015 02:06