title: Sass - What's the difference between map-get and simple variable?
body: <p>I'm new with Sass stuff and I've been reading about different ways to use variables, this principle I'm trying to apply is just for colors, some of the solutions I've found were something like this (map-get):</p>
  
  <pre><code>$colors: (
      lighestGray: #F8F8FA,
      lightGray: #A5ACBA,
      light: #FFFFFF,
      dark: #000000,
      link: #428bca,
      linkHover: #555,
      navBlue: #7AC243,
      navGreen: #009CDC,
  );
  </code></pre>
  
  <p>Then you use it on your class like this:</p>
  
  <pre><code>.my-class {
      color: map-get($colors, dark);
  }
  </code></pre>
  
  <p>And the other way is to use:</p>
  
  <pre><code>$color-black: #000000;
  </code></pre>
  
  <p>Then you use it like this:</p>
  
  <pre><code>.my-class {
      color: $color-black;
  }
  </code></pre>
  
  <p>My question is, which option is better? or <code>map-get</code>function has another purpose?, has Sass a pattern for this or it depends on each web-developer?.</p>
  
  <p>Thanks for helping me out!.</p>
  
  <p>Regards.</p>