VictorOmondi1997/CSS-variable.md

Created December 2, 2019 07:12

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/VictorOmondi1997/4adf15731c0532dd0d538b6bb464bf66.js"></script>
Save VictorOmondi1997/4adf15731c0532dd0d538b6bb464bf66 to your computer and use it in GitHub Desktop.

Download ZIP

CSS variables for beginners

Raw

CSS-variable.md

CSS Variables for beginners

:root {
    --imary-color: #f03d06;
  }

  .main-header {
    color: var(--primary-color);
  }
  .main-footer {
    background-color: var(--primary-color);
  }

To declare a CSS variable we will have to add a double dash before the name of that variable.

To access a CSS variable try: var(--your-variable-name)

CSS variables declared in :root will make sure that all selectors can gain access to them