title: How can I use gradients in custom Bootstrap?
body: <p>I want to make the primary color of my custom sass Bootstrap as a gradient but when I define my custom variable as a gradient, I get an error that says </p>
  
  <blockquote>
    <p>"Error: $color: linear-gradient(to right, #c33764, #1d2671) is not a
    color for <strong>darken</strong>." </p>
  </blockquote>
  
  <p>Now, I get that darken is used for links later in the variables file and many other places which just means that the link color is a percentage darker of the primary color. How can I achieve this?</p>
  
  <p>Here is my _custom.scss which is included as the first partial in bootstrap.scss:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>$celestial: linear-gradient(to right, #c33764, #1d2671);
  $primary: $celestial;</code></pre>
  </div>
  </div>
  </p>