title: Material Design Elevation Correct CSS
body: <p>I can't seem to find any official CSS code for all the box-shadows for elevation of cards for Material Design. </p>
  
  <p><a href="https://stackoverflow.com/questions/30533055/calculating-shadow-values-for-all-material-design-elevations">Calculating shadow values for all Material Design elevations</a></p>
  
  <p>I've read these answers but they don't align with the box-shadow that Google is using on their search box on <a href="http://www.google.com" rel="noreferrer">http://www.google.com</a> when I do a quick inspection. </p>
  
  <p>The box-shadow that Google is using on the search box is this CSS:</p>
  
  <pre><code>box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  </code></pre>
  
  <p>Is there an official CSS for all elevations?</p>