gulp-px2rem-converter
Version:
Gulp plugin. Converts all properties in pixels to rem, also converts all media in pixels in em
50 lines (44 loc) • 1.02 kB
CSS
html{
font-size: 1.1111111111111112rem;
}
:root{
font-size: 18px;
}
div{
width: 1.1111111111111112rem;
height: 1.6666666666666667rem;
top: 0.05555555555555555rem;
bottom: 0.1111111111111111rem;
right: 0.16666666666666666rem;
left: 0.16666666666666666rem;
}
@media(min-width:71.11111111111111em){
div{
width: 1.1111111111111112rem;
height: 1.6666666666666667rem;
top: 0.05555555555555555rem;
bottom: 0.1111111111111111rem;
right: 0.16666666666666666rem;
left: 0.16666666666666666rem;
}
}
@media(max-width:71.11111111111111em){
div{
width: 1.1111111111111112rem;
height: 1.6666666666666667rem;
top: 0.05555555555555555rem;
bottom: 0.1111111111111111rem;
right: 0.16666666666666666rem;
left: 0.16666666666666666rem;
}
}
@media(max-width:40rem) and (min-width:71.11111111111111em){
div{
width: 1.1111111111111112rem;
height: 1.6666666666666667rem;
top: 0.05555555555555555rem;
bottom: 0.1111111111111111rem;
right: 0.16666666666666666rem;
left: 0.16666666666666666rem;
}
}