Sencha Touch 2 CSS无效

时间:2012-04-19 13:16:11

标签: css sencha-touch sass sencha-touch-2 compass-sass

创建新的CSS主题时,使用指南针编辑主题后,样式没有变化。使用默认主题,一切都像以前一样。怎么解决这个问题?

2 个答案:

答案 0 :(得分:1)

确保将链接移动到以下行下方的CSS文件:

<script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script>

我把它放在<head></head>元素的末尾。

(...)
<script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script>
<link rel="stylesheet" href="default-theme.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
(...)

答案 1 :(得分:0)

只需将所有变量放在默认的@import语句下面,如下所示:

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

$base-color: #27ae60;
$base-gradient: 'matte';
$alert-color: #2ecc71;
$confirm-color: #e67e22;
$page-bg-color: #3498db;
$form-bg-color: #ecf0f1;
$button-radius: '0px';