Я пытаюсь добавить пользовательские значки шрифтов в проект sencha architect и удалить ненужные классы тем, но кажется, что Sencha Architect вообще не использует app.scss (находится в ресурсов/sass моего проекта). Изменения, которые я сделал, не применяются ни в архитектуре, ни при запуске приложения.Sencha Architect 3 не использует app.css
app.scss
$include-pictos-font:
false; $include-default-icons: false;
@import 'sencha-touch/default';
@import'sencha-touch/default/src/Class';
@include icon-font('CustomFont', inline-font-files(
'customFont/customFont.woff', woff, 'customFont/customFont.ttf',
truetype, 'customFont/customFont.svg', svg));
@include icon("map" , "e600", "CustomFont"); @include
icon("check_filled", "e602", "CustomFont");
Просто говоря, я скомпилировать файл SCSS в CSS и компилируется нормально.
Может кто-нибудь уточнить, пожалуйста?
Я использую:
- Сенча архитектор 3.0.2.1375
- Cmd: 4.0.2.67
- Framework: Сенча сенсорный 2.3.x
UPDATE:
Оказывается, что Архитектор не использует файл app.scss для объяснения причин (см. Сообщение Филла). Когда я попытался вставить значок-шрифт, возникла другая проблема. Не удалось найти файлы-шрифты. Причина упоминается в следующем посте: http://www.sencha.com/forum/showthread.php?280895-How-to-correct-the-Font-theming-in-Architect3
Следующий код решен вопрос, и я могу спокойно использовать свой новый значок-шрифт в настоящее время:
$font-files:
url('../resources/sass/stylesheets/fonts/bla/bla.woff') format("woff"),
url('../resources/sass/stylesheets/fonts/bla/bla.ttf') format("truetype"),
url('../resources/sass/stylesheets/fonts/bla/bla.svg') format("svg");
@include icon-font('IcoMoon', $font-files);
@include icon("map" , "\e600", "IcoMoon");
@include icon("check_filled", "\e602", "IcoMoon");
Чтобы быть явным. Я добавил файл к теме в Architect (ресурс scss) и добавил вышеупомянутый код.
Спасибо, что поделились этим со мной. Это помогло мне решить мою проблему. – Bram
Можно ли также удалить «автоматический» sencha/default/all import и вместо этого использовать технику, описанную здесь: http://www.sencha.com/blog/4-tricks-for-smaller-css-in- touch-22 – Bram
Кажется, это было бы возможно, отредактировав scss-файл (ы). Мы не делаем это автоматическим способом, хотя, возможно, нам следует. –