title: error in accessing variables from variable file on grid file
body: <p>I have already:</p>
  <ol>
  <li>imported both abstracts/variables and layout/grid on <code>main.scss</code> <a href="https://i.stack.imgur.com/7dWfS.jpg" rel="nofollow noreferrer">importing files of variables and working file of the grid </a></li>
  <li>assigned variable on <code>_variables.scss</code><a href="https://i.stack.imgur.com/wq7RC.jpg" rel="nofollow noreferrer"> variables assigned </a></li>
  </ol>
  <p>I am using the variables on grid file under the folder, layout , <a href="https://i.stack.imgur.com/u8jM2.jpg" rel="nofollow noreferrer"> calling variables </a>the variables are assigned on variables file under folder abstracts.</p>
  <p>Why is it showing error?</p>
  <p><a href="https://i.stack.imgur.com/NArOT.jpg" rel="nofollow noreferrer">The error</a> saying undefined variable when i try to save the file and refresh the page, it says the same for all variables. I can't use any variables from the partial variables file on partial grid.
  Can someone help me with it please?</p>
  <p><a href="https://i.stack.imgur.com/g4Tuu.jpg" rel="nofollow noreferrer">Overall format, the tree structure of folders and files </a></p>