automattic/jetpack-base-styles

Jetpack 组件基础样式


README

为Jetpack提供的基础SCSS实用工具和变量。

安装

安装模块

npm install @automattic/jetpack-base-styles --save-dev

使用

SCSS实用工具和变量

在您的应用程序的SCSS文件中,包含样式如下

@import 'node_modules/@automattic/jetpack-base-styles/colors';
@import 'node_modules/@automattic/jetpack-base-styles/variables';
@import 'node_modules/@automattic/jetpack-base-styles/mixins';
@import 'node_modules/@automattic/jetpack-base-styles/breakpoints';
@import 'node_modules/@automattic/jetpack-base-styles/animations';
@import 'node_modules/@automattic/jetpack-base-styles/z-index';
@import 'node_modules/@automattic/jetpack-base-styles/default-custom-properties';

如果您使用Webpack进行SCSS管道处理,可以省略node_modules/

@import '@automattic/jetpack-base-styles/colors';

为了使其与没有Webpack的sassnode-sass NPM模块协同工作,您需要使用includePaths选项

{
	"includePaths": [ "node_modules" ]
}