import React from 'react'

export default props => (
  <style>{`
    html, body, #root {
      height: 100%;
      margin: 0;
    }
    a,button,div,img,input,form,h1,h2,h3,h4,h5,h6,h7,nav,label,li,ol,p,span,svg,ul {
      box-sizing: border-box;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin: 0;
      padding: 0;
      outline: 0;
    }
    button::-moz-focus-inner {
      border: 0;
      margin: 0;
      padding: 0;
    }
  `}</style>
)

@@ -58,16 +58,71 @@
 tyle%3E%7B%60%0A
+    * %7B%0A      -webkit-overflow-scrolling: touch;%0A    %7D%0A
     html

add overflow scrolling touch for ios devices