Example of how not namespacing your variables can cause problems

SassMeister-input-HTML.html

<p>This is an example of a how you need to be careful with variable naming and use.</p>
<div class="box">BOX</div>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

// config/_base.scss

$base-font-size: 18px;

// component/module.scss

$base-font-size: 50px !default;

// component/box.scss

$base-font-size: 10px !default;

p {
  font-size: $base-font-size;
}

.box {
  background: red;
  color: white;
  font-size: $base-font-size;
  width: 100px;
  height: 100px;
}

SassMeister-output.css

p {
  font-size: 18px;
}

.box {
  background: red;
  color: white;
  font-size: 18px;
  width: 100px;
  height: 100px;
}

SassMeister-rendered.html

<p>This is an example of a how you need to be careful with variable naming and use.</p>
<div class="box">BOX</div>