Recently, I am getting slds validation errors in VS Code for 'presumably' updated design tokens for the aura component .cmp file. It is complaining that: slds-m-bottom_medium should be updated to slds-var-m-bottom_medium however, when I go to SLDS to confirm if this change is in fact a new change to SLDS, I am seeing no such change. THis ins't only for margins, but padding too

Has anyone experienced this issue, and outside of just turning off SLDS Validtor, are there any workarounds. I can't imagine that they are actually changing the class to contain var but, I do not know this either.

  • in what type of file are you getting these errors/warning? .js ? .css ? .html ?
    – glls
    Jul 2, 2021 at 14:52
  • the aura.cmp file
    – JRiffe
    Jul 2, 2021 at 14:56
  • Happens on the LWC HTML file as well.
    – user2018
    Sep 23, 2021 at 7:36

1 Answer 1


Some standard tokens now have variable token alternatives so that they are responsive to display density.

References: https://www.lightningdesignsystem.com/utilities/margin/#Variable-Density-Classes


  • Thank you! I looked around but I guess not hard enough.
    – JRiffe
    Jul 2, 2021 at 20:49

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .