lint

src/components/Article/Article.module.scss

@@ -75,6 +75,7 @@ img {
     &[data-float='left'],
     &[data-float='right'] {
       @include font-size(2.2rem);
+
       line-height: 1.4;
 
       @include media-breakpoint-up(sm) {
@@ -423,7 +424,7 @@ img {
 }
 
 .shoutStatsItemViews {
-  color: rgb(0 0 0 / 0.4);
+  color: rgb(0 0 0 / 40%);
   cursor: default;
   font-weight: normal;
   margin-left: auto;
@@ -466,6 +467,7 @@ img {
 .shoutStatsItemAdditionalDataItem {
   font-weight: normal;
   display: inline-block;
+
   // margin-left: 2rem;
   margin-right: 0;
   margin-bottom: 0;

src/components/Article/Comment/Comment.module.scss

@@ -4,7 +4,7 @@
   transition: background-color 0.3s;
   position: relative;
   list-style: none;
-  background: rgb(0 0 0 / 0.1);
+  background: rgb(0 0 0 / 10%);
 
   @include media-breakpoint-down(sm) {
     padding-right: 0;

src/components/Author/AuthorBadge/AuthorBadge.tsx

@@ -64,7 +64,7 @@ export const AuthorBadge = (props: Props) => {
     return isSubscribing() ? t('subscribing...') : t('Subscribe')
   })
 
-  const unsubscribeValue = () => {
+  const unsubscribeValue = createMemo(() => {
     if (props.iconButtons) {
       return <Icon name="author-unsubscribe" class={stylesButton.icon} />
     }
@@ -75,7 +75,7 @@ export const AuthorBadge = (props: Props) => {
         <span class={styles.actionButtonLabelHovered}>{t('Unfollow')}</span>
       </>
     )
-  }
+  })
 
   return (
     <div class={clsx(styles.AuthorBadge, { [styles.nameOnly]: props.nameOnly })}>

src/components/Author/AuthorCard/AuthorCard.tsx

@@ -97,20 +97,22 @@ export const AuthorCard = (props: Props) => {
     }
   })
 
-  const followButtonText = () => {
+  const followButtonText = createMemo(() => {
     if (isSubscribing()) {
       return t('subscribing...')
-    } else if (subscribed()) {
+    }
+
+    if (subscribed()) {
       return (
         <>
           <span class={stylesButton.buttonSubscribeLabel}>{t('Following')}</span>
           <span class={stylesButton.buttonSubscribeLabelHovered}>{t('Unfollow')}</span>
         </>
       )
-    } else {
+    }
+
     return t('Follow')
-    }
-  }
+  })
 
   return (
     <div class={clsx(styles.author, 'row')}>

src/components/Editor/EditorFloatingMenu/EditorFloatingMenu.tsx

@@ -1,5 +1,5 @@
 import { createEffect, createSignal, Show } from 'solid-js'
-import type { Editor, JSONContent } from '@tiptap/core'
+import type { Editor } from '@tiptap/core'
 import { Icon } from '../../_shared/Icon'
 import { InlineForm } from '../InlineForm'
 import styles from './EditorFloatingMenu.module.scss'

src/components/_shared/SocialNetworkInput/SocialNetworkInput.module.scss

@@ -40,8 +40,10 @@
     width: 54px;
     height: 54px;
     padding: 16px;
+
     &:hover {
       background: var(--background-color-invert);
+
       img {
         filter: invert(1);
       }

src/components/_shared/SolidSwiper/Swiper.module.scss

@@ -38,8 +38,8 @@
     }
 
     .container {
-      margin: auto;
       // max-width: 800px;
+      margin: auto;
       position: relative;
       padding: 24px 0;
       display: flex;
@@ -177,12 +177,12 @@
     }
 
     &.prev {
-      background-image: linear-gradient(to right, #000, rgb(0 0 0 / 0));
+      background-image: linear-gradient(to right, #000, rgb(0 0 0 / 0%));
       left: 0;
     }
 
     &.next {
-      background-image: linear-gradient(to left, #000, rgb(0 0 0 / 0));
+      background-image: linear-gradient(to left, #000, rgb(0 0 0 / 0%));
       justify-content: end;
       right: 0;
     }
@@ -239,11 +239,11 @@
       height: auto;
 
       &.prev {
-        left: -var(--navigation-reserve);
+        left: calc(0px - var(--navigation-reserve));
       }
 
       &.next {
-        right: -var(--navigation-reserve);
+        right: calc(0px - var(--navigation-reserve));
       }
     }