flying-hero
96f6318101
新增: - backend/venv/ - Python 虚拟环境 - backend/start.sh - 启动脚本（使用虚拟环境） - backend/requirements.txt - 依赖列表 - .gitignore - 忽略虚拟环境和缓存文件 说明: - 每个项目使用独立虚拟环境 - 避免依赖冲突 - 启动脚本自动创建和激活虚拟环境
1.6 KiB
1.6 KiB
PostCSS Flexbugs Fixes 
PostCSS plugin This project tries to fix all of flexbug's issues.
bug 4
Input
.foo { flex: 1; }
.bar { flex: 1 1; }
.foz { flex: 1 1 0; }
.baz { flex: 1 1 0px; }
Output
.foo { flex: 1 1; }
.bar { flex: 1 1; }
.foz { flex: 1 1; }
.baz { flex: 1 1; }
bug 6
Input
.foo { flex: 1; }
Output
.foo { flex: 1 1 0%; }
This only fixes css classes that have the
flexproperty set. To fix elements that are contained inside a flexbox container, use this global rule:
* {
flex-shrink: 1;
}
bug 8.1.a
Input
.foo { flex: 1 0 calc(1vw - 1px); }
Output
.foo {
flex-grow: 1;
flex-shrink: 0;
flex-basis: calc(1vw - 1px);
}
Usage
postcss([require('postcss-flexbugs-fixes')]);
You can also disable bugs individually, possible keys bug4, bug6 and bug8a.
var plugin = require('postcss-flexbugs-fixes');
postcss([plugin({ bug6: false })]);
See PostCSS docs for examples for your environment.