automattic/jetpack-base-styles

Jetpack 组件基础样式

维护者

详细信息

github.com/Automattic/jetpack-base-styles

源代码

安装: 45

依赖者: 0

建议者: 0

安全性: 0

星标: 2

关注者: 5

分支: 1

语言:SCSS

v0.6.32 2024-09-10 11:21 UTC

Requires (Dev)

GPL-2.0-or-later 777d422f421075d75c9b79d290743044dfd6076c

This package is auto-updated.

Last update: 2024-09-18 03:17:37 UTC

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的sass或node-sass NPM模块协同工作，您需要使用includePaths选项

{
	"includePaths": [ "node_modules" ]
}