the brand logo of CrisCond on criscond.co.uk

Variables - Css

Author - Variables - CSS
Cristian
August 28th, 2020
Variables - CSS

Variables - CSS

CSS variables that contain specific values to be reused throughout a document.

HTML

<h1 class="variables">criscond.co.uk</>

CSS

:root {
  --color: yellow;
  --font-style: italic;
  --size: 1.25em;
  --shadow: 1px 1px 2px green, 0 0 1em blue, 0 0 0.2em blue;
}
.variables {
  color: var(--color);
  font-size: var(--size);
  font-style: var(--font-style);
  text-shadow: var(--shadow);
}
CodePen link here: https://codepen.io/criscond/pen/bGpRbZG

Categories