add some missing info to package.json and some minor tweaks

examples/styled-components/index.html

@@ -4,10 +4,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap"
-      rel="stylesheet"
-    />
     <style>
       body {
         font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",

package.json

@@ -1,15 +1,26 @@
 {
   "name": "leading-trim",
+  "description": "Strip out spacing above and below the first and last lines of a text block",
   "version": "1.0.0",
-  "author": "Rude",
+  "license": "MIT",
+  "author": {
+    "name": "Rude Ayelo",
+    "email": "[email protected]"
+  },
+  "keywords": [
+    "line-height",
+    "basekick",
+    "leading-trim",
+    "css-in-js"
+  ],
+  "repository": "rudeayelo/leading-trim",
   "main": "dist/index.js",
   "module": "dist/leading-trim.esm.js",
   "typings": "dist/index.d.ts",
   "files": [
     "dist",
     "src"
   ],
-  "license": "MIT",
   "engines": {
     "node": ">=10"
   },
@@ -20,12 +31,6 @@
     "lint": "tsdx lint",
     "prepare": "tsdx build"
   },
-  "devDependencies": {
-    "husky": "4.2.5",
-    "tsdx": "0.13.2",
-    "tslib": "1.11.1",
-    "typescript": "3.8.3"
-  },
   "husky": {
     "hooks": {
       "pre-commit": "tsdx lint"
@@ -34,5 +39,11 @@
   "prettier": {
     "trailingComma": "all",
     "proseWrap": "always"
+  },
+  "devDependencies": {
+    "husky": "4.2.5",
+    "tsdx": "0.13.2",
+    "tslib": "1.11.1",
+    "typescript": "3.8.3"
   }
 }

readme.md

@@ -26,7 +26,7 @@ value. The effect of that extra space may be overlooked or worked around, but
 when working with precise scales and layout components, there's probably no room
 for random spacing going around your text.
 
-<img src="./public/leading-trim-comparison.gif" alt="leading-trim behaviour comparison" />
+<img src="./public/leading-trim-comparison.gif" alt="leading-trim behaviour comparison" width="500" />
 
 `leading-trim` is a JavaScript port of **EightShapes**'s
 [Text Crop mixin](http://text-crop.eightshapes.com/)