postcss-mobile
v1.0.0
Published
postcss 转换 font-weight 插件,解决 ios 和 android font-weight和 border1px问题、line-height等问题
Downloads
2
Readme
PostCSS mobile
Example
postcss([require('postcss-mobile')])
- font-weight
/* Input example */
h4 {
font-weight: 500;
}
/* Output example */
.h4 {
font-weight: 500;
}
.os-ios h4 {
font-weight: 700;
}
- border
/* Input example */
.h{
border: 0.5px solid red;
}
/* Output example */
.h{
border: 0.5px solid transparent;
position: relative;
}
.h:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
transform: scale(0.5);
transform-origin: left top;
border: 1px solid red;
}
- font-size
/* Input example */
.test{
font-size: 11px;
display: flex;
align-items: center;
}
/* Output example */
.test{
font-size: 11px;
display: flex;
align-items: center;
}
.test{
font-size: 12px;
display: flex;
align-items: center;
transform: scale(0.917);
transform-origin: left;
margin-top: -1px;
margin-right: -2px;
margin-bottom: -1px;
}
- line-height
/* Input example */
.test{
font-size: 40px;
line-height: 40px;
}
/* Output example */
.test{
font-size: 40px;
line-height: 42px;
}
See PostCSS docs for examples for your environment.