style-forge.helpers/src/units/unit.css

Style-Forge.Helpers: essential CSS helper classes for spacing, alignment, visibility, and more in web development.

:root {
  --sf-unit-xxxs: 0.0625;  /* 1px */
  --sf-unit-xxs: 0.125;    /* 2px */
  --sf-unit-xs: 0.25;      /* 4px */
  --sf-unit-sm: 0.5;       /* 8px */
  --sf-unit-s: 0.625;      /* 10px */
  --sf-unit-ms: 0.75;      /* 12px */
  --sf-unit-ls: 0.875;     /* 14px */
  --sf-unit-md: 1;         /* 16px */
  --sf-unit-lg: 1.125;     /* 18px */
  --sf-unit-xl: 1.25;      /* 20px */
  --sf-unit-2xl: 1.5;      /* 24px */
  --sf-unit-3xl: 2;        /* 32px */
  --sf-unit-4xl: 2.5;      /* 40px */
  --sf-unit-5xl: 3;        /* 48px */
  --sf-unit-6xl: 3.5;      /* 56px */
  --sf-unit-7xl: 4;        /* 64px */
  --sf-unit-8xl: 4.5;      /* 72px */
  --sf-unit-9xl: 5;        /* 80px */
  --sf-unit-10xl: 5.5;     /* 88px */
  --sf-unit-11xl: 6;       /* 96px */
  --sf-unit-12xl: 6.5;     /* 104px */
}