如何在 sencha touch 2.0 中实现 sass

【问题标题】：how to implement sass in sencha touch 2.0如何在 sencha touch 2.0 中实现 sass
【发布时间】：2013-05-14 20:22:02
【问题描述】：

请告诉我如何在 sencha 2.0 中包含我们自己的 pictos。这是我的.scss 文件。

$base_color:#FF83D6;

@import 'sencha-touch/default/all';

@include sencha-toolbar-ui('india', #66FF66, 'matte');
@include sencha-button-ui('india', #66ff66, 'matte');
@include sencha-button-ui('india', #66ff66, 'matte');

@include pictos-iconmask(PICTOS_NAME);

PICTOS_NAME 应该替换成什么，这样我才能使用它？

【问题讨论】：

标签： sencha-touch-2 sass sencha-touch-theming

【解决方案1】：

http://docs.sencha.com/touch/2.0.2/#!/api/Global_CSS-css_mixin-pictos-iconmask

pictos-iconmask( $name )

包括一个 base64 编码的图标，用于标签栏和按钮（带组件参数iconMask: true）。

@include pictos-iconmask('attachment');

$name : 字符串

要包含的图标的名称。这是为了匹配的名称图标文件（位于resources/themes/images/default/pictos）没有扩展名 (.png)。

【讨论】：