0

我在liferay 6.1上创建了一个主题，使用相同的 css、jsp、js、经典主题的图像（位于ROOT\html\themes\classic）。

我复制的主题可以正常工作，除了指南针和 sass 之外的所有标准 css 都可以正常工作。

指南针版本 0.12.2
SASS 版本 3.2.1

我的custom.css：

@import "compass";
@import "mixins";

@import url(custom_common.css);

$dockbarGradientEnd: #1273C7;
$dockbarGradientStart: #118ADE;

$dockbarOpenGradientEnd: #0993DD;
$dockbarOpenGradientStart: #0EA6F9;

/* ---------- Base styles ---------- */

.aui {
    .separator {
        border-color: #BFBFBF transparent #FFF;
        border-style: solid;
        border-width: 1px 0;
    }

    #wrapper {
        background: none;
        margin: 0 auto;
        padding: 2em 5em 0;
        position: relative;

        @include respond-to(phone) {
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

        @include respond-to(tablet) {
            padding-left: 1em;
            padding-right: 1em;
        }
    }
/* etc....... */

在 Firebug 中，我收到此错误：

Failed to load resource: the server responded with a status of 404 (Not Found)  http://localhost:8080/test-theme/css/compass

我不知道为什么 compass 和 sass 在经典主题中运行良好，但在与经典主题相同的主题中却不起作用。为什么？！

任何帮助将不胜感激！谢谢！

4

2 回答 2

1

Firebug告诉您它找不到指南针的事实本身就意味着确实出了问题。

Compass是一个预处理器库，而不是 CSS 框架（如 bootstrap），浏览器不应该知道它。

可能你build.${user}.properties在 Plugins SDK 文件夹中有问题。SASS 编译（CSS 预处理）使用门户库进行，因此 SDK 必须正确知道门户的位置。

于 2013-08-30T08:30:18.323 回答
1

该问题是由旧的campass库 ( compass-0.11.5 )引起的，该库在处理透明关键字时存在问题。它已在最新的 campass 库中修复。

我按照本指南解决了问题：解决 Liferay 6.1 中的“Sass::SyntaxError: Invalid CSS”错误

于 2013-11-13T11:41:32.710 回答