Invalid conversion: "p + h4"

[askaliuk]

Found invalid conversion case. Please check example below:

CSS:

.marketing {
margin: 60px 0;
}
.marketing p + h4 {
margin-top: 28px;
} 

LESS:

.marketing {
    margin: 60px 0;
    p {
        + {
            h4 {
                margin-top: 28px;
            }
        }
    }
}

[chenasraf]

Yeah, also happened to me

[rjmunro]

This looks like a very similar issue to #4. Probably a slight modification to the fix for that is all that is required.

[tanob]

Got into the same issue, below are the two cases I had problems in the conversion.

1

input:

header.main li + li {
    border-left: 1px solid #cfcfcf;
}

output that produces syntax error:

header.main {
    li {
        + {
            li {
                border-left: 1px solid #cfcfcf;
            }
        }
    }
}

correct output:

header.main {
    li + li {
                border-left: 1px solid #cfcfcf;
    }
}

2

input:

.icon-container + div {
    padding-top: 5px;
}

output that produces syntax error:

.icon-container {
    + {
        div {
            padding-top: 5px;
        }
    }
}

correct output:

 .icon-container {
    & + div {
        padding-top: 5px;
    }
 }

Thanks