Update docs

README.md

@@ -1,4 +1,4 @@
-# MiniReset.css
+# minireset.css
 
 [![npm](https://img.shields.io/npm/v/minireset.css.svg)](https://www.npmjs.com/package/minireset.css)
 [![npm](https://img.shields.io/npm/dm/minireset.css.svg)](https://www.npmjs.com/package/minireset.css)
@@ -12,18 +12,20 @@ A tiny modern CSS reset that covers the basics:
 * **sets the border-box box sizing**: so that borders and paddings don't affect the set dimensions
 * **sets responsive media elements**: so that images and embeds scale with the browser width
 
-## Install
+## Download/Install
+
+[Download the latest version](https://raw.githubusercontent.com/jgthms/minireset.css/master/minireset.min.css)
 
 ```sh
 npm install minireset.css
 ```
-## CDN
 
-[Min.css](https://cdn.rawgit.com/jgthms/minireset.css/master/minireset.min.css)
+Or clone the repo.
 
+## CDN
 
-Or download/clone the repo.
+[GitHub CDN for minireset.min.css](https://cdn.rawgit.com/jgthms/minireset.css/master/minireset.min.css)
 
 ## Copyright and license
 
-Code copyright 2017 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/minireset.css/blob/master/LICENSE).
+Code copyright 2019 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/minireset.css/blob/master/LICENSE).

docs/docs.sass

@@ -76,6 +76,7 @@ strong
   height: 30px
   margin-bottom: 3rem
   margin-top: 1rem
+  overflow: hidden
   text-align: center
   iframe
     display: inline-block

docs/index.html

@@ -49,88 +49,12 @@ <h1>minireset.css</h1>
       <nav class="nav">
         <a class="button" href="https://raw.githubusercontent.com/jgthms/minireset.css/master/minireset.min.css">
           <span>Download <strong>minireset.min.css</strong></span>
-          <small>533 Bytes minified</small>
+          <small>547 Bytes minified</small>
         </a>
         <p class="or">or</p>
         <pre class="npm">npm install minireset.css</pre>
       </nav>
 
-      <!-- <script src="vendor/native.js"></script>
-      <script>
-        _native.init("CKYI42QI", {
-          targetClass: 'native-js',
-          fallback: `<a href="https://jgthms.com/css-in-44-minutes-ebook" class="native-flex" target="_blank">
-            <style>
-              .native-js {
-                background: linear-gradient(-30deg, #4f38a4, #a244bc 45%, #4f38a4 45%) #4f38a4;
-              }
-
-              .native-details {
-                color: #FFFFFF !important;
-              }
-
-              .native-details:hover {
-                color: #FFFFFF !important;
-              }
-
-              .native-cta {
-                color: #FFFFFF;
-                background-color: #3bb76d;
-              }
-
-              .native-cta:hover {
-                color: #native_cta_color_hover;
-                background-color: #3bb76d;
-              }
-            </style>
-            <div class="native-main">
-              <img class="native-img" src="https://bulma.io/images/fortyfour-native.png">
-              <div class="native-details">
-                <span class="native-company">CSS in 44 minutes</span>
-                <span class="native-desc">Learn how to build your own webpage from scratch!</span>
-              </div>
-            </div>
-            <span class="native-cta">Buy the book</span>
-          </a>`
-        });
-      </script>
-
-      <div class="native-js">
-        <a href="#native_link#" class="native-flex">
-          <style>
-            .native-js {
-              background: linear-gradient(-30deg, #native_bg_color#E5, #native_bg_color#E5 45%, #native_bg_color# 45%) #fff;
-            }
-
-            .native-details {
-              color: #native_color# !important;
-            }
-
-            .native-details:hover {
-              color: #native_color_hover# !important;
-            }
-
-            .native-cta {
-              color: #native_cta_color#;
-              background-color: #native_cta_bg_color#;
-            }
-
-            .native-cta:hover {
-              color: #native_cta_color_hover;
-              background-color: #native_cta_bg_color_hover#;
-            }
-          </style>
-          <div class="native-main">
-            <img class="native-img" src="#native_logo#">
-            <div class="native-details">
-              <span class="native-company">#native_company#</span>
-              <span class="native-desc">#native_desc#</span>
-            </div>
-          </div>
-          <span class="native-cta">#native_cta#</span>
-        </a>
-      </div> -->
-
       <main class="main">
         <ul>
           <li><strong><em>resets</em> the font sizes</strong>so that using semantic markup doesn't affect the styling</li>