how to use sass variables code example

Example 1: watch scss to css

sass --watch scss:css

Example 2: scss variables

$base-color: #c6538c;

Example 3: scss variables

$base-color: #c6538c;
$border-dark: rgba($base-color, 0.88);

.alert {
  border: 1px solid $border-dark;
}

Example 4: variables scss

// SCSS variables

$darkcolor: #605C4D;
$large: 350px;

section{
	background-color: $darkcolor;
  	height: $large;
}

Example 5: how to make a scss variable

$variableName = item

$gray = #404040

body{
	background:$gray; 
}

Example 6: scss variables

$variable: 1;

Tags:

Css Example