refactor: rename class .icon to .gblog-icon (#232)

BREAKING CHANGE: The class `.icon` was renamed to `.gblog-icon` to avoid conflicts.

8 files changed, 20 insertions, 20 deletions

diff --git a/layouts/404.html b/layouts/404.html
index 1035977..d3b6d48 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -19,7 +19,7 @@
       <main class="gblog-error flex-even">
         <div class="flex align-center justify-center">
           <div class="gblog-error__icon">
-            <svg class="icon gblog_cloud_off"><use xlink:href="#gblog_cloud_off"></use></svg>
+            <svg class="gblog-icon gblog_cloud_off"><use xlink:href="#gblog_cloud_off"></use></svg>
           </div>
           <div class="gblog-error__message">
             <div class="gblog-error__line gblog-error__title">Lost?</div>
diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
index 7707ccc..5849a78 100644
--- a/layouts/_default/_markup/render-heading.html
+++ b/layouts/_default/_markup/render-heading.html
@@ -8,7 +8,7 @@
         {{ .Text | safeHTML }}
     </h{{ .Level }}>
     <a data-clipboard-text="{{ .Page.Permalink }}#{{ .Anchor | safeURL }}" class="gblog-post__anchor gblog-post__anchor--right clip" aria-label="Anchor {{ .Text | safeHTML }}" href="#{{ .Anchor | safeURL }}">
-        <svg class="icon gblog_link"><use xlink:href="#gblog_link"></use></svg>
+        <svg class="gblog-icon gblog_link"><use xlink:href="#gblog_link"></use></svg>
     </a>
 </div>
 {{- else -}}
diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
index b584c7f..92d4031 100644
--- a/layouts/_default/terms.html
+++ b/layouts/_default/terms.html
@@ -11,7 +11,7 @@
       <footer class="gblog-post__meta flex align-center">
         <span class="flex align-center no-wrap">
           {{ $pageCount := len .Pages }}
-          <svg class="icon gblog_tag"><use xlink:href="#gblog_tag"></use></svg>
+          <svg class="gblog-icon gblog_tag"><use xlink:href="#gblog_tag"></use></svg>
           <span class="gblog-post__tag">
             {{ $pageCount }}
             post{{ if ne $pageCount 1 }}s{{ end }}
@@ -19,7 +19,7 @@
         </span>
 
         <span class="flex align-center no-wrap">
-          <svg class="icon gblog_star"><use xlink:href="#gblog_star"></use></svg>
+          <svg class="gblog-icon gblog_star"><use xlink:href="#gblog_star"></use></svg>
           <span>
             {{ $latet := index .Pages.ByDate 0 }}
             {{ with $latet }}
diff --git a/layouts/partials/menu-extra.html b/layouts/partials/menu-extra.html
index 83cc7b1..d7bb455 100644
--- a/layouts/partials/menu-extra.html
+++ b/layouts/partials/menu-extra.html
@@ -17,7 +17,7 @@
       {{ if eq $target "footer" }}
         <span class="gblog-footer__item gblog-footer__item--row">
           {{ if $icon }}
-            <svg class="icon {{ .icon }}"><use xlink:href="#{{ .icon }}"></use></svg>
+            <svg class="gblog-icon {{ .icon }}"><use xlink:href="#{{ .icon }}"></use></svg>
           {{ end }}
           <a
             href="{{ if .external -}}
@@ -42,7 +42,7 @@
           >
             <span class="flex align-center">
               {{ if $icon }}
-                <svg class="icon {{ .icon }}"><use xlink:href="#{{ .icon }}"></use></svg>
+                <svg class="gblog-icon {{ .icon }}"><use xlink:href="#{{ .icon }}"></use></svg>
               {{ end }}
               <span>
                 {{ .name }}
diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html
index 84d05f7..8acd5bf 100644
--- a/layouts/partials/metadata.html
+++ b/layouts/partials/metadata.html
@@ -1,5 +1,5 @@
 <span class="flex align-center no-wrap">
-  <svg class="icon gblog_date"><use xlink:href="#gblog_date"></use></svg>
+  <svg class="gblog-icon gblog_date"><use xlink:href="#gblog_date"></use></svg>
   <span class="gblog-post__tag">
     <time datetime="{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
       {{ if .Lastmod.After (.Date.AddDate 0 0 1) }}
@@ -11,13 +11,13 @@
 </span>
 
 <span class="flex align-center no-wrap">
-  <svg class="icon gblog_timer"><use xlink:href="#gblog_timer"></use></svg>
+  <svg class="gblog-icon gblog_timer"><use xlink:href="#gblog_timer"></use></svg>
   <span class="gblog-post__tag">{{ .ReadingTime }} min read</span>
 </span>
 
 {{ if eq .Params.weight 1 }}
   <span class="flex align-center no-wrap">
-    <svg class="icon gblog_pin"><use xlink:href="#gblog_pin"></use></svg>
+    <svg class="gblog-icon gblog_pin"><use xlink:href="#gblog_pin"></use></svg>
     <span class="gblog-post__tag">Pinned</span>
   </span>
 {{ end }}
@@ -29,7 +29,7 @@
     {{ with $.Site.GetPage (printf "/authors/%s" . | urlize) }}
       {{ if eq $ac 0 }}
         <span class="flex align-center no-wrap">
-          <svg class="icon gblog_person"><use xlink:href="#gblog_person"></use></svg>
+          <svg class="gblog-icon gblog_person"><use xlink:href="#gblog_person"></use></svg>
           {{ template "post-author" dict "name" $author.name "page" . }}
         </span>
       {{ else }}
@@ -49,7 +49,7 @@
     {{ with $.Site.GetPage (printf "/tags/%s" $name | urlize) }}
       {{ if eq $tc 0 }}
         <span class="flex align-center no-wrap">
-          <svg class="icon gblog_bookmark"><use xlink:href="#gblog_bookmark"></use></svg>
+          <svg class="gblog-icon gblog_bookmark"><use xlink:href="#gblog_bookmark"></use></svg>
           {{ template "post-tag" dict "name" $name "page" . }}
         </span>
       {{ else }}
diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html
index 27ea534..28b1511 100644
--- a/layouts/partials/site-footer.html
+++ b/layouts/partials/site-footer.html
@@ -4,7 +4,7 @@
       <section class="flex flex-wrap align-center">
         {{ with (.Site.GetPage "home").OutputFormats.Get "atom" }}
           <span class="gblog-footer__item gblog-footer__item--row">
-            <svg class="icon gblog_rss_feed"><use xlink:href="#gblog_rss_feed"></use></svg>
+            <svg class="gblog-icon gblog_rss_feed"><use xlink:href="#gblog_rss_feed"></use></svg>
             <a href="{{ .Permalink | relURL }}" class="gblog-footer__link">Atom Feed</a>
           </span>
         {{ end }}
@@ -25,7 +25,7 @@
       <section class="flex flex-wrap align-center">
         <span class="gblog-footer__item">
           Built with <a href="https://gohugo.io/" class="gblog-footer__link">Hugo</a> and
-          <svg class="icon gblog_heart"><use xlink:href="#gblog_heart"></use></svg>
+          <svg class="gblog-icon gblog_heart"><use xlink:href="#gblog_heart"></use></svg>
         </span>
       </section>
       {{ with .Site.Params.GeekblogHostedOn }}
@@ -48,7 +48,7 @@
       <div class="flex flex-25 justify-end">
         <span class="gblog-footer__item text-right">
           <a class="gblog-footer__link fake-link" href="#" aria-label="Back to top">
-            <svg class="icon gblog_keyboard_arrow_up">
+            <svg class="gblog-icon gblog_keyboard_arrow_up">
               <use xlink:href="#gblog_keyboard_arrow_up"></use>
             </svg>
             <span class="hidden-mobile">Back to top</span>
diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html
index 799a561..35fb1f0 100644
--- a/layouts/partials/site-header.html
+++ b/layouts/partials/site-header.html
@@ -18,15 +18,15 @@
     </div>
     <div class="gblog-header__col-3 flex justify-end">
       <span id="gblog-dark-mode">
-        <svg class="icon gblog_brightness_dark">
+        <svg class="gblog-icon gblog_brightness_dark">
           <title>{{ i18n "button_toggle_dark" }}</title>
           <use xlink:href="#gblog_brightness_dark"></use>
         </svg>
-        <svg class="icon gblog_brightness_light">
+        <svg class="gblog-icon gblog_brightness_light">
           <title>{{ i18n "button_toggle_dark" }}</title>
           <use xlink:href="#gblog_brightness_light"></use>
         </svg>
-        <svg class="icon gblog_brightness_auto">
+        <svg class="gblog-icon gblog_brightness_auto">
           <title>{{ i18n "button_toggle_dark" }}</title>
           <use xlink:href="#gblog_brightness_auto"></use>
         </svg>
@@ -38,8 +38,8 @@
   <input type="checkbox" id="menu-control" class="hidden" />
   <div class="gblog-nav__control">
     <label for="menu-control" class="flex align-center justify-center">
-      <svg class="icon gblog_menu"><use xlink:href="#gblog_menu"></use></svg>
-      <svg class="icon gblog_clear"><use xlink:href="#gblog_clear"></use></svg>
+      <svg class="gblog-icon gblog_menu"><use xlink:href="#gblog_menu"></use></svg>
+      <svg class="gblog-icon gblog_clear"><use xlink:href="#gblog_clear"></use></svg>
       <span>Navigation</span>
     </label>
   </div>
diff --git a/layouts/shortcodes/icon.html b/layouts/shortcodes/icon.html
index 2535273..cbb5732 100644
--- a/layouts/shortcodes/icon.html
+++ b/layouts/shortcodes/icon.html
@@ -1,5 +1,5 @@
 {{ $id := .Get 0 }}
 
 {{- with $id -}}
-  <svg class="icon {{ . }}"><use xlink:href="#{{ . }}"></use></svg>
+  <svg class="gblog-icon {{ . }}"><use xlink:href="#{{ . }}"></use></svg>
 {{- end -}}