variables in sass

1height: calc(100% - #{$body_padding})

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}