Corncob

Corncob Design Language

Corncob is a framework-neutral design language built with tokens, CSS, and plain JavaScript behavior.

Border Tokens

Basic border tokens for widths, colors, and radii. These can be used in components or directly in your own styles. These are the foundation for borders in Corncob, but we recommend using them as a starting point and building on top of them with your own custom tokens as needed.

:root {
  --cc-border--width: 1px;
  --cc-border--style: solid;
  --cc-border--radius: 4px;
  --cc-border--radius--xs: 2px;
  --cc-border--radius--round: 50%;
  --cc-border--color: var(--cc-gray-70);
}