Problems with compile grid-column less

Question

There was a problem with property 'grid-column'

---

Css:

.someClass {
   grid-column: 1 / 4;
}

Less compile it's in css as:

.someClass {
   grid-column: 0.25;
}

---

But it's works well:

.someClass {
   grid-column-start: 1;
   grid-column-end: 4;
}

---

How I can use correctly property grid-column with '/' symbol in Less?

Answer 1

You have to escape to "slash" when using LESS:

.somClass {
    grid-column: 1 e("/") 4;
}

But if you have the ability to bypass the "Slash" by decomposing the css property than do it (I personally find it a better way). You can also use the "~" sign to escape expressions, like ~"1/4"

Answer 2

try this

.someClass {
  grid-column: ~"1/4";
}