variables scss

1$color-black: #000000;
2
3body {
4    --color: #{$color-black};
5}

1$font-stack:    Helvetica, sans-serif;
2$primary-color: #333;
3
4body {
5  font: 100% $font-stack;
6  color: $primary-color;
7}
8

1$base-color: #c6538c;

1$base-color: #c6538c;
2$border-dark: rgba($base-color, 0.88);
3
4.alert {
5  border: 1px solid $border-dark;
6}
7

1// SCSS variables
2
3$darkcolor: #605C4D;
4$large: 350px;
5
6section{
7	background-color: $darkcolor;
8  	height: $large;
9}

1$myFont: Helvetica, sans-serif;
2$myColor: red;
3$myFontSize: 18px;
4$myWidth: 680px;
5
6body {
7  font-family: $myFont;
8  font-size: $myFontSize;
9  color: $myColor;
10}
11
12#container {
13  width: $myWidth;
14}