Merge pull request #9 from editor-js/new-icon

Improve icon size to correspond new Toolbar style in 2.16

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/inline-code",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "keywords": [
     "codex editor",
     "inline",
@@ -26,6 +26,7 @@
     "@babel/preset-env": "^7.3.4",
     "babel-loader": "^8.0.5",
     "css-loader": "^1.0.0",
+    "raw-loader": "^3.1.0",
     "style-loader": "^0.21.0",
     "webpack": "^4.29.5",
     "webpack-cli": "^3.2.3"

src/index.css

@@ -1,9 +1,11 @@
 .inline-code {
-  background: rgba(251,241,241,0.78);
-  color: #C44545;
-  padding: 4px 6px;
-  border-radius: 2px;
-  margin: 0 2px;
-  font-family: Menlo, Monaco, Consolas, Courier New, monospace;
-  font-size: 0.9em;
+  background: rgba(250, 239, 240, 0.78);
+  color: #b44437;
+  padding: 3px 4px;
+  border-radius: 5px;
+  margin: 0 1px;
+  font-family: inherit;
+  font-size: 0.86em;
+  font-weight: 500;
+  letter-spacing: 0.3px;
 }

src/index.js

@@ -166,7 +166,7 @@ class InlineCode {
    * @return {string}
    */
   get toolboxIcon() {
-    return '<svg width="19" height="13" viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg"><path d="M17.839 5.525a1.105 1.105 0 0 1-.015 1.547l-4.943 4.943a1.105 1.105 0 1 1-1.562-1.562l4.137-4.137-4.078-4.078A1.125 1.125 0 1 1 12.97.648l4.796 4.796c.026.026.05.053.074.08zm-14.952.791l4.137 4.137a1.105 1.105 0 1 1-1.562 1.562L.519 7.072a1.105 1.105 0 0 1-.015-1.547c.023-.028.048-.055.074-.081L5.374.647a1.125 1.125 0 0 1 1.591 1.591L2.887 6.316z" id="a"/></svg>';
+    return require('./../assets/icon.svg').default;
   }
 
   /**

webpack.config.js

@@ -20,6 +20,14 @@ module.exports = {
           'style-loader',
           'css-loader'
         ]
+      },
+      {
+        test: /\.(svg)$/,
+        use: [
+          {
+            loader: 'raw-loader',
+          }
+        ]
       }
     ]
   },