css - SASS 无效的 CSS

Question

我正在尝试用 compass 编译一些 scss 但我收到错误

error portal/forms.scss (Line 104: Invalid CSS after " width: ": 
expected expression (e.g. 1px, bold), was "@model_hints_co...")

对于代码:

.lfr-input-resource {
    width: @model_hints_constants_text_display_width@px;
}

代码来自liferay门户源码:https://github.com/liferay/liferay-portal/blob/b45e6646b18809abf13ddfb60d1d6566e22a8f8c/portal-web/docroot/html/css/portal/forms.css

而且我不知道 @model_hints_constants_text_display_width@px; 是什么。

Answer 1

您必须将此变量更改为您的自定义宽度值。

我已经调查过了，我发现 liferay 有一个函数可以将这个标记替换为另一个值:

        public static String parseStaticTokens(String content) {
                return StringUtil.replace(
                        content,
                        new String[] {
                                "@model_hints_constants_text_display_height@",
                                "@model_hints_constants_text_display_width@",
                                "@model_hints_constants_textarea_display_height@",
                                "@model_hints_constants_textarea_display_width@"
                        },
                        new String[] {
                                ModelHintsConstants.TEXT_DISPLAY_HEIGHT,
                                ModelHintsConstants.TEXT_DISPLAY_WIDTH,
                                ModelHintsConstants.TEXTAREA_DISPLAY_HEIGHT,
                                ModelHintsConstants.TEXTAREA_DISPLAY_WIDTH
                        });
        }

例如，您应该将宽度设为 100px:

.lfr-input-resource {
  width: 100px;
}

希望对您有所帮助。

问候。