LESS thinks that code for grid-area is a mathematical operation

Created on 9 March 2020, over 4 years ago
Updated 9 May 2024, 7 months ago

Example - grid-area

LESS:

#slider_area #A { grid-area: 1 / 2 / 1 / 2; }

CSS:

#slider_area #A { grid-area: 0.25; }

Example - grid-template

LESS:

#slider_area { grid-template: 1fr 1fr 1fr / 1fr 32%; }

CSS:

#slider_area { grid-template: 1fr 1fr 1fr 32%; }

PS:
Im not sure about the version. I am using Magento 2.3.4

πŸ› Bug report
Status

Needs work

Version

2.3

Component

Code

Created by

πŸ‡©πŸ‡ͺGermany Eddcapone

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡ΊπŸ‡ΈUnited States mscipioni

    I was able to work around this by using string interpolation. Something like:

    grid-column: ~"3 / 6"; /* Interpret as string */
        grid-row: ~"2 / 4";    /* Interpret as string */

    Will force LESS to see it as a string.

Production build 0.71.5 2024