Proper way to use variables in CSS/SCSS - @rolle / Web designer, web developer

PHOTO EMBED

Sat Oct 15 2022 13:35:34 GMT+0000 (Coordinated Universal Time)

Saved by @Vikramjeetsingh #scss

// CSS variables for colors
:root {
  // Brand color pool
  --color-mine-shaft: 
#303030;
  --color-black: var(--color-mine-shaft);
  --color-black-rock: 
#2b303c;
  --color-blue-chalk: 
#ece6f2;
  --color-east-bay: 
#545773;
  --color-pattens-blue: 
#eaf1f8;
  --color-scorpion: 
#5f5f5f;
  --color-valhalla: 
#2a2d3e;
  --color-white: 
#fff;
  --color-grass-green: 
#2fc96d;
  --color-cobalt-blue: 
#603dff;
  --color-persian-blue: 
#3418b4;
  --color-cobalt-blue-light: 
#eeebff;
  --color-imperial-red: 
#ea5e6e;
  --color-mustard-yellow: 
#fcca3d;
  --color-beige: 
#f5f3ee;
  --color-dark-beige: 
#e4e2d7;
  --color-pitch: 
#000;
  --color-silver-chalice: 
#a9a9a9;

  // Main element colors
  --color-heading: var(--color-black);
  --color-main: var(--color-cobalt-blue);
  --color-paragraph: var(--color-black);
}
content_copyCOPY

https://rolle.design/proper-way-to-use-css-scss-variables