libcss2less
libcss2less copied to clipboard
Css to LessCss converter library
when i import css with this, it generates unvalid stuff and less shows an error @media (max-width: 990px) { body { background-position: -468px 0; } }
`-webkit-font-smoothing: auto;` is an invalid statement in a `.less` file. Proper translation would be `-webkit-font-smoothing: ~"auto";`. Just learned this the hard way. Would be nice if the IDE at http://css2less.cc/...
I entered the output from an Icomoon font, for example: .icon-Play2:before { content: "\e63f"; } And the result was identical to the input. I would have expected: .icon-Play2 { &:before...
## input @-webkit-keyframes popin { from {transform: scale(0.5); top:25%;} ## } ## Output @-webkit-keyframes { popin { from; } }
Simply I've tried to convert a :hover change from: .nav-pills li a:hover { background-color: #f546e2; } to: .nav-pills { li { a { &:hover { background-color: #f546e2; } } }...
Found invalid conversion case. Please check example below: CSS: ``` css .marketing { margin: 60px 0; } .marketing p + h4 { margin-top: 28px; } ``` LESS: ``` css .marketing...
Sometimes, parts of CSS are not compiled in the same order that they appear originally.
License
You forked MIT and converted it GPL What a shame
I understand these queries are now supported by less.js is there any chance this project will be updated to support them. I have been using http://css2less.cc to convert my CSS...
I tried: ``` css #container-fluid, #row-fluid, #row-fluid > .span2, #sidebar-nav, #wrapper { height: 100%; min-height: 100%; } #container-fluid, #row-fluid, #row-fluid > .span2, #sidebar-nav, #wrapper { height: 100%; min-height: 100%; }...