✨ feat(iine): add like buttons (#550)

themes/tabi/sass/main.scss

@@ -8,6 +8,7 @@
 @use 'parts/_header-anchor.scss';
 @use 'parts/_header.scss';
 @use 'parts/_home-banner.scss';
+@use 'parts/_iine.scss';
 @use 'parts/_image-hover.scss';
 @use 'parts/_image-toggler.scss';
 @use 'parts/_image.scss';
@@ -22,8 +23,8 @@
 @use 'parts/_table.scss';
 @use 'parts/_tags.scss';
 @use 'parts/_theme-switch.scss';
-@use 'parts/_zola-error.scss';
 @use 'parts/_webmention.scss';
+@use 'parts/_zola-error.scss';
 
 @font-face {
     src: local('Open Sans'),

themes/tabi/sass/parts/_iine.scss

@@ -0,0 +1,37 @@
+.iine-button {
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
+    cursor: pointer;
+    border: none;
+    background: transparent;
+    color: inherit;
+    font-family: var(--sans-serif-font);
+    -webkit-tap-highlight-color: transparent;
+    appearance: none;
+    margin: 0;
+    padding: 0;
+    font-size: inherit;
+    line-height: inherit;
+
+    .icon {
+        display: inline-flex;
+        align-items: center;
+    }
+
+    .counter {
+        margin-left: .2rem;
+        font-size: 0.8rem;
+    }
+
+    svg {
+        width: 1em;
+        height: 1em;
+    }
+}
+
+.iine-auto-buttons {
+    margin-top: 2rem;
+    padding: 1rem 0;
+}