2014-02-06 8 views
4

Я пытаюсь добавить пользовательские значки шрифтов в проект 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) и добавил вышеупомянутый код.

ответ

2

Архитектор игнорирует этот файл, поскольку мы даем вам полную поддержку темы. Если вы хотите добавить пользовательский scss, нажмите на тему под ресурсами. На панели настроек вы увидите конфигурацию scss; щелкните значок (+), чтобы добавить ресурс scss.

Теперь выберите его, нажав кнопку (->) рядом с ним или выбрав его в инспекторе под своей темой. Переключитесь на просмотр кода и вставьте его в scss.

+1

Спасибо, что поделились этим со мной. Это помогло мне решить мою проблему. – Bram

+1

Можно ли также удалить «автоматический» sencha/default/all import и вместо этого использовать технику, описанную здесь: http://www.sencha.com/blog/4-tricks-for-smaller-css-in- touch-22 – Bram

+0

Кажется, это было бы возможно, отредактировав scss-файл (ы). Мы не делаем это автоматическим способом, хотя, возможно, нам следует. –

Смежные вопросы