flying-hero
96f6318101
新增: - backend/venv/ - Python 虚拟环境 - backend/start.sh - 启动脚本（使用虚拟环境） - backend/requirements.txt - 依赖列表 - .gitignore - 忽略虚拟环境和缓存文件 说明: - 每个项目使用独立虚拟环境 - 避免依赖冲突 - 启动脚本自动创建和激活虚拟环境
2.6 KiB
2.6 KiB
PostCSS Place Properties 
PostCSS Place Properties lets you use place-* properties as shorthands for align-*
and justify-*, following the CSS Box Alignment specification.
.example {
place-self: center;
place-content: space-between center;
}
/* becomes */
.example {
align-self: center;
justify-self: center;
place-self: center;
align-content: space-between;
justify-content: center;
place-content: space-between center;
}
Usage
Add PostCSS Place Properties to your project:
npm install postcss postcss-place --save-dev
Use it as a PostCSS plugin:
import postcss from 'postcss';
import postcssPlace from 'postcss-place';
postcss([
postcssPlace(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);
PostCSS Place Properties runs in all Node environments, with special instructions for:
| Node | Webpack | Create React App | Gulp | Grunt |
|---|
Options
preserve
The preserve option determines whether the original place declaration is
preserved. By default, it is preserved.
postcssPlace({ preserve: false })
.example {
place-self: center;
place-content: space-between center;
}
/* becomes */
.example {
align-self: center;
justify-self: center;
align-content: space-between;
justify-content: center;
}