SASS 无效的 CSS

Question

我正在尝试用罗盘编译一些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;
}

希望对你有帮助。

问候。