title: how to use linear-gradient on a background shorthand rule?
body: <p>Why do I get a different result with this:</p>
  
  <pre><code>body {
    background: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), 
    linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black) 0 0, 30px 30px/60px 60px  #eee;
  }
  </code></pre>
  
  <p>while trying to get the result I get with this:</p>
  
  <pre><code>body {
    width: 100px;
    height: 100px;
    background-color: #eee;
    background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), 
    linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
    background-size: 60px 60px;
    background-position:0 0, 30px 30px;
  }
  </code></pre>
  
  <p>?</p>
  
  <p><a href="http://codepen.io/isaacalves/pen/OWoQGP" rel="nofollow noreferrer">codepen</a></p>