Forum Discussion

snaffle's avatar
snaffle
Expert
7 years ago

Responsive variables - no suppor for REM or EM values

Working with responsive skins at the moment and we seen unable to use "rem" or "em" values in _variables.scss where we get the following error message:   skin didn't compile because there is a sass...
  • VikasB's avatar
    VikasB
    7 years ago

    snaffle

    The same line works perfectly for my instance. It is also rendering an unexpected error message but the value is getting saved. 

    https://prnt.sc/iorfzr

    I refreshed the page but the value was saved there. 

    https://prnt.sc/iorh3r
    I would suggest you contact to support team. 

VikasB's avatar
VikasB
Boss

snaffle

 

You can use these values in the variable.scss file also.  But I assume there is the syntax error. Seems you are using a hyphen(-) between two keywords without quotes which will not be possible because of that will treated as a minus(-) symbol. Can you share those lines? 

snaffle's avatar
snaffle
Expert
7 years ago

Hi VikasB,

 

This is just the default variables.scss file - we haven't added anything, just changed existing values.

 

Line 462 is where we are trying enter the rem's. By default it's as follows:

 

$padding-xl-vertical:         40px;

 

If that's the value it saves, but if I change it to:

 

$padding-xl-vertical:         2rem;

 

It won't compile in Studio and we get the error.

 

Thanks

 

Nathan

 

  • VikasB's avatar
    VikasB
    Boss
    7 years ago

    snaffle

    The same line works perfectly for my instance. It is also rendering an unexpected error message but the value is getting saved. 

    https://prnt.sc/iorfzr

    I refreshed the page but the value was saved there. 

    https://prnt.sc/iorh3r
    I would suggest you contact to support team. 

    • snaffle's avatar
      snaffle
      Expert
      7 years ago

      Thanks very much for taking the time to test it ... honestly hadn't occurred to me that it might actually be saving the value, but I've tested that myself with the same result.

       

      I'll lodge a ticket with support and see how we go.

       

      Thanks again

    • snaffle's avatar
      snaffle
      Expert
      7 years ago

      VikasB- an update on this.

       

      I tried entering a value of 2.5rem and it didn't save.

       

      It in fact reverted back to the 40px.

       

      I've lodged a ticket but I'd be interested to know if that saves for you on your setup?

      • VikasB's avatar
        VikasB
        Boss
        7 years ago

        snaffle

        Strange! Every time it renders the unexpected error. But yes, even after the error, it is also saving(https://prnt.sc/ios9je). It seems the instance-specific issue. Can you try this one if it saves

        $test: 2.5rem;