title: Vertical Gradient Using Bootstrap and LESS
body: <p>I am very new to CSS, Bootstrap &amp; LESS.  I have checked out the Bootstrap website and saw that I should be able to create a vertical gradient using the LESS mixin:</p>
  
  <pre><code>#gradient &gt; .vertical();
  </code></pre>
  
  <p>I want to do this in the footer {} section of my css.scss file.  I have no idea how to code this.  My guess is that I need to add the statement above with the start &amp; end colors within the parentheses.  The only examples I have seen were just the mixin.  Does this need to be included with a background-image clause or something like that?  I keep getting syntax errors.</p>
  
  <p>I'm sure this is probably a simple question but my knowledge of CSS is lacking.  However I am learning minute by minute by trial and error.  Any help would be appreciated.</p>
  
  <p>Updated 05/02/2012 7:15 am:</p>
  
  <p>Here is my CSS code for the footer that I would like to add the vertical gradient to:</p>
  
  <pre><code>footer {
    margin-top: 45px;
    padding-top: 5px;
    border-top: 1px solid $grayMediumLight;
    color: #000000;
    font-size: 10px;
    font-family: Arial; 
    font-style: italic;
    #gradient &gt; .vertical(@white, @grayDarker);
    }
  </code></pre>
  
  <p>I am using this in a Rails 3.2.3 application.  The colors I want to use for the vertical gradient are start <code>#ffffff</code> stop <code>#191919</code>.  I decided to try the predefined variables instead of the hex values.  I also tried changing <code>@</code> to <code>$</code>. I keep getting the following error.</p>
  
  <pre><code>Invalid CSS after "...ent &gt; .vertical": expected "{", was "(@white, @grayD..."
    (in /Users/server1/Sites/iktusnetlive_RoR/app/assets/stylesheets/custom.css.scss).
  </code></pre>