base scss

using variables to hold represent the symatrical value