How to access nested SASS variables?
<p>Several colors in this .scss file are defined as such:</p>

<pre><code>$colors: (
  primary :   #cd0e11,
  secondary:  #23aa0b,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222
);
</code></pre>

<p>How do I access them? Say I want to set something to primary.</p>

<p>I tried:</p>

<pre><code>h1 {
color: $colors:primary
}
</code></pre>

<p>This is Ionic 2, so it could be a framework specific thing. </p>