Skip to content

Instantly share code, notes, and snippets.

@ianmcburnie
Last active June 15, 2022 12:23
Show Gist options
  • Save ianmcburnie/4a21c1afcfd5a6256029ba270b5346cb to your computer and use it in GitHub Desktop.
Save ianmcburnie/4a21c1afcfd5a6256029ba270b5346cb to your computer and use it in GitHub Desktop.
LESS primitive variables mapped to new core CSS properties in Skin v14
LESS CSS Notes
@border-radius-none n/a 0
@border-radius-extra-small n/a 4px
@border-radius-small --border-radius-50
@border-radius-medium --border-radius-100
@color-white --color-neutral-0
@color-black --color-neutral-8
@color-grey{n} --color-neutral-{n} Replace {n} with 1-7
@color-o{n} --color-orange-{n} Replace {n} with 1-7
@color-r{n} --color-red-{n} Replace {n} with 1-7
@color-m{n} --color-magenta-{n} Replace {n} with 1-7
@color-b{n} --color-blue-{n} Replace {n} with 1-7
@color-g{n} --color-green-{n} Replace {n} with 1-7
@color-y{n} --color-yellow-{n} Replace {n} with 1-7
@color-t{n} --color-teal-{n} Replace {n} with 1-7
@color-l{n} --color-lime-{n} Replace {n} with 1-7
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment