fix: svg icon class

Author: frankpagan

docs/index.html

@@ -81,52 +81,40 @@ <h2>CoCreate-calculate</h2>
                                 class="margin-right:15px"
                                 share-network="twitter"
                                 title="Share on twitter"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/twitter.svg"></i
+                                ><i src="/assets/svg/twitter.svg"></i
                             ></a>
                             <a
                                 class="margin-right:15px"
                                 share-network="facebook"
                                 title="Share on Facebook"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/facebook.svg"></i
+                                ><i src="/assets/svg/facebook.svg"></i
                             ></a>
                             <a
                                 class="margin-right:15px"
                                 share-network="instagram"
                                 title="Share on instagram"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/instagram.svg"></i
+                                ><i src="/assets/svg/instagram.svg"></i
                             ></a>
                         </div>
                         <a
                             class="margin-right:15px"
                             share-network="share"
                             title="Share on share"
-                            ><i
-                                class="height:20px fill:#505050"
-                                src="/assets/svg/share-alt.svg"></i
+                            ><i src="/assets/svg/share-alt.svg"></i
                         ></a>
                     </div>
                     <a
                         class="margin-right:15px"
                         share-network="share"
                         title="Share on share"
-                        ><i
-                            class="height:20px fill:#505050"
-                            src="/assets/svg/share-alt.svg"></i
+                        ><i src="/assets/svg/share-alt.svg"></i
                     ></a>
                 </div>
                 <a
                     href="https://github.com/CoCreate-app/CoCreate-calculate"
                     target="_blank"
                     class="margin-right:15px"
-                    ><i
-                        class="height:20px fill:#505050"
-                        src="/assets/svg/github.svg"></i
+                    ><i src="/assets/svg/github.svg"></i
                 ></a>
             </div>
 
@@ -155,9 +143,7 @@ <h2 class="padding:5px_0px">Install</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#calculate-install"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -182,9 +168,7 @@ <h2 class="padding:5px_0px">Usage</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#calculate-usage"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -218,9 +202,7 @@ <h2 class="padding:5px_0px">Attributes</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#calculate-attributes"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -271,9 +253,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                             <a
                                 class="margin-left:10px display:none"
                                 href="#calculate-demo"
-                                ><i
-                                    class="height:20px fill:#505050"
-                                    src="/assets/svg/link.svg"></i
+                                ><i src="/assets/svg/link.svg"></i
                             ></a>
                         </span>
                     </div>
@@ -317,7 +297,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     toggle="code-height"
                                     toggle-selector="#demo-code"
                                     ><i
-                                        class="height:18px fill:#505050"
+                                        class="height:18px"
                                         src="/assets/svg/eye.svg"></i
                                 ></a>
                                 <a
@@ -328,18 +308,14 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     hide="#eye-slash"
                                     toggle="code-height"
                                     toggle-selector="#demo-code"
-                                    ><i
-                                        class="height:20px fill:#505050"
-                                        src="/assets/svg/eye-slash.svg"></i
+                                    ><i src="/assets/svg/eye-slash.svg"></i
                                 ></a>
                                 <a
                                     class="margin-right:10px"
                                     id="code"
                                     show="#code-slash"
                                     hide="#code, #demo-code"
-                                    ><i
-                                        class="height:20px fill:#505050"
-                                        src="/assets/svg/code.svg"></i
+                                    ><i src="/assets/svg/code.svg"></i
                                 ></a>
                                 <a
                                     class="margin-right:10px"
@@ -348,7 +324,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     show="#code, #demo-code"
                                     hide="#code-slash"
                                     ><i
-                                        class="display:flex height:18px fill:#505050"
+                                        class="height:18px"
                                         src="/assets/svg/code.svg"></i
                                 ></a>
                                 <a