Question

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

我复制的主题工作正常，所有标准的CSS工作，除了指南针和sass不起作用。

COMPASS版本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

我不知道为什么指南针和sass在经典主题中效果很好，但在我的主题中不适用于经典主题。为什么呢？！

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

Answer 1

事实本身 Firebug 告诉你它无法找到指南针意味着某些事情出了问题。

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

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

Answer 2

问题是由旧的 campass 库（ compass-0.11.5 ）has an issue in handling the transparent keyword引起的。它已在最新的campass库中得到修复。

我按照本指南解决了问题：Resolve the "Sass::SyntaxError: Invalid CSS" error in Liferay 6.1

无法加载COMPASS资源：服务器响应状态为404（未找到）

2 个答案: