材料设计精简版自定义颜色

时间:2018-07-01 19:01:49

标签: css sass gulp

我正在努力创建自定义的mdl主题,因此github自述文件对于从未使用过gulp的人并不是特别有用:https://github.com/google/material-design-lite 我克隆了存储库并全局安装了gulp,然后在项目内部运行了npm install。之后,我修改了_variables.scss,因为似乎在那里出现了颜色定义:

$color-primary: "1, 171, 142";
$color-primary-dark: "1, 106, 89";
$color-accent: "160, 230, 218";

我运行了gulp all,希望它能做些什么,但我只会遇到这个隐秘的错误:

1 code style error found.
validateLineBreaks: Invalid line break at D:\git\material-design-lite\gulpfile.b                                                                                                                                                                                               abel.js :
    16 | *  limitations under the License
    17 | *
    18 | */
-----------^
    19 |
    20 |// jscs:disable jsDoc


1 code style error found.
[20:59:54] 'lint' errored after 1.44 s
[20:59:54] Error in plugin "gulp-jscs"
Message:
    JSCS failed for: D:\git\material-design-lite\src\mdlComponentHandler.js, D:\                                                                                                                                                                                               git\material-design-lite\src\animation\demo.js, D:\git\material-design-lite\src\                                                                                                                                                                                               button\button.js, D:\git\material-design-lite\src\checkbox\checkbox.js, D:\git\m                                                                                                                                                                                               aterial-design-lite\src\data-table\data-table.js, D:\git\material-design-lite\sr                                                                                                                                                                                               c\icon-toggle\icon-toggle.js, D:\git\material-design-lite\src\layout\layout.js,                                                                                                                                                                                                D:\git\material-design-lite\src\menu\menu.js, D:\git\material-design-lite\src\pr                                                                                                                                                                                               ogress\progress.js, D:\git\material-design-lite\src\radio\radio.js, D:\git\mater                                                                                                                                                                                               ial-design-lite\src\ripple\ripple.js, D:\git\material-design-lite\src\snackbar\s                                                                                                                                                                                               nackbar.js, D:\git\material-design-lite\src\spinner\spinner.js, D:\git\material-                                                                                                                                                                                               design-lite\src\slider\slider.js, D:\git\material-design-lite\src\switch\switch.                                                                                                                                                                                               js, D:\git\material-design-lite\src\tabs\tabs.js, D:\git\material-design-lite\sr                                                                                                                                                                                               c\third_party\rAF.js, D:\git\material-design-lite\src\textfield\textfield.js, D:                                                                                                                                                                                               \git\material-design-lite\src\tooltip\tooltip.js, D:\git\material-design-lite\gu                                                                                                                                                                                               lpfile.babel.js
[20:59:54] 'all' errored after 5.43 s
[20:59:54] Error in plugin 'run-sequence(lint)'
Message:
    JSCS failed for: D:\git\material-design-lite\src\mdlComponentHandler.js, D:\                                                                                                                                                                                               git\material-design-lite\src\animation\demo.js, D:\git\material-design-lite\src\                                                                                                                                                                                               button\button.js, D:\git\material-design-lite\src\checkbox\checkbox.js, D:\git\m                                                                                                                                                                                               aterial-design-lite\src\data-table\data-table.js, D:\git\material-design-lite\sr                                                                                                                                                                                               c\icon-toggle\icon-toggle.js, D:\git\material-design-lite\src\layout\layout.js,                                                                                                                                                                                                D:\git\material-design-lite\src\menu\menu.js, D:\git\material-design-lite\src\pr                                                                                                                                                                                               ogress\progress.js, D:\git\material-design-lite\src\radio\radio.js, D:\git\mater                                                                                                                                                                                               ial-design-lite\src\ripple\ripple.js, D:\git\material-design-lite\src\snackbar\s                                                                                                                                                                                               nackbar.js, D:\git\material-design-lite\src\spinner\spinner.js, D:\git\material-                                                                                                                                                                                               design-lite\src\slider\slider.js, D:\git\material-design-lite\src\switch\switch.                                                                                                                                                                                               js, D:\git\material-design-lite\src\tabs\tabs.js, D:\git\material-design-lite\sr                                                                                                                                                                                               c\third_party\rAF.js, D:\git\material-design-lite\src\textfield\textfield.js, D:                                                                                                                                                                                               \git\material-design-lite\src\tooltip\tooltip.js, D:\git\material-design-lite\gu                                                                                                                                                                                               lpfile.babel.js
Stack:
    at finish (D:\git\material-design-lite\node_modules\run-sequence\index.js:56                                                                                                                                                                                               :13)
    at Gulp.onError (D:\git\material-design-lite\node_modules\run-sequence\index                                                                                                                                                                                               .js:67:4)
    at emitOne (events.js:121:20)
    at Gulp.emit (events.js:211:7)
    at Gulp.Orchestrator._emitTaskDone (D:\git\material-design-lite\node_modules                                                                                                                                                                                               \orchestrator\index.js:264:8)
    at D:\git\material-design-lite\node_modules\orchestrator\index.js:275:23
    at finish (D:\git\material-design-lite\node_modules\orchestrator\lib\runTask                                                                                                                                                                                               .js:21:8)
    at DestroyableTransform.<anonymous> (D:\git\material-design-lite\node_module                                                                                                                                                                                               s\orchestrator\lib\runTask.js:52:4)
    at DestroyableTransform.f (D:\git\material-design-lite\node_modules\end-of-s                                                                                                                                                                                               tream\node_modules\once\once.js:17:25)
    at emitOne (events.js:121:20)

0 个答案:

没有答案