← All tutorials

GoCareerGo Tutorials

CSS Tutorial

Selectors, box model, Flexbox, Grid, animation and responsive design.

CSS Custom Properties (Variables)

Reusable values declared with --name and read with var() — great for theming and consistent design tokens.

:root {
  --brand-color: #0f9f8f;
  --spacing-md: 1rem;
}
.button {
  background: var(--brand-color);
  padding: var(--spacing-md);
}
Tip

Unlike Sass variables, CSS custom properties are live in the DOM — you can change them at runtime with JavaScript.