Unitless and percentage units for variables

it's needed for certain calculated styling features such as:

font-size: calc(var(--font-base-size) * var(--font-h1-size-mod));

where the base size is a rem and I'm looking to calculate different heading sizes based on one base size value to globally change font styles across the site quickly and consistently. Or if I wanted unitless line height.

  • Steve Clark
  • Jan 10 2024
  • Nathanael commented
    25 Apr 06:37pm

    I also want to use unitless variables to control the number of grid rows/columns in various contexts, etc.

  • Healthy Shark commented
    24 Jan 07:11am

    it's needed for certain calculated styling features such as:

    font-size: calc(var(--font-base-size) * var(--font-h1-size-mod));

    where the base size is a rem and I'm looking to calculate different heading sizes based on one base size value to globally change font styles across the site quickly and consistently. Or if I wanted unitless line height.

  • Luz Wedgeworth commented
    18 Jan 01:39pm

    Yes!!!

  • Keywon Chung commented
    17 Jan 09:52pm

    Unitless is also needed to change z-index, etc.

  • Luz Wedgeworth commented
    16 Jan 01:14pm

    Yes!!

  • Keywon Chung commented
    16 Jan 12:54am

    Yes we need the percentage unit in size variables! It's often used for sizing elements

  • Tanel Rebane commented
    13 Jan 03:59pm

    Yes please!!!

  • Tobias Vollprecht commented
    12 Jan 01:50pm

    Indeed - it is needed! By the way - in the interaction settings you can assign percentages to variables. Why not in the variables panel?

  • Ray Tri commented
    11 Jan 03:21pm

    This is extremely needed.