Skip to content

Instantly share code, notes, and snippets.

@vviikk

vviikk/scss-variable-naming-in-CSS4-age.scss

Created November 13, 2018 13:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vviikk/c65f1e34d4941e4cbdeb6828ffce3e0c to your computer and use it in GitHub Desktop.
Save vviikk/c65f1e34d4941e4cbdeb6828ffce3e0c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
scss-variable-naming-in-CSS4-age.scss
/* SCSS Variables only used for media queries. All else is custom properties. Overlook it's usage. */
$--browser-width-min: 300;
$--browser-width-max: 1600;
$--browser-width-min-px: $--browser-width-min * 1px;
$--browser-width-max-px: $--browser-width-max * 1px;
/* ^^
Since I'm only using SCSS for the bare minimum,
I'll not try to use a convention.
I think the regular $--kebab-case is just fine.
However, I just find it consistent to be prefixed with a --
to make debugging and also fi4nd/replace quicker.
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment