fixed stylelint

package.json

@@ -36,9 +36,9 @@
     "postcss": "^8.4.21",
     "prettier": "^2.8.7",
     "sass": "^1.59.3",
-    "stylelint": "^15.4.0",
+    "stylelint": "^15.6.0",
     "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-standard-scss": "^7.0.1",
+    "stylelint-config-standard-scss": "^9.0.0",
     "stylelint-declaration-strict-value": "^1.9.2",
     "stylelint-prettier": "^3.0.0",
     "stylelint-scss": "^4.6.0",

src/components/AdvantagesSection/AdvantagesSection.jsx

@@ -1,8 +1,9 @@
 import './AdvantagesSection.scss';
 
+import cn from 'classnames';
 import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import cn from 'classnames';
+
 import BaseCardList from '@/components/BaseCardList';
 import PartnersList from '@/components/PartnersList';
 import { advantagesList, supportedFTList } from '@/template-data';

src/components/AppBar/AppBar.scss

@@ -11,6 +11,7 @@
   transition-property: transform;
   transition-duration: var(--slow-transition-duration);
   transition-timing-function: var(--fade-transition-timing-function);
+
   // animation: first-render-slide 0.6s;
 
   &.app-bar--hidden {

src/components/AppFooter/AppFooter.scss

@@ -1,6 +1,5 @@
 %redefined-aos-fade {
   @include redefine-aos-prop('fade-up') {
-    -webkit-transform: translate3d(0, bg-space(2), 0);
     transform: translate3d(0, bg-space(2), 0);
   }
 }
@@ -29,6 +28,8 @@
 
   @include respond-above(md) {
     display: table;
+
+    // stylelint-disable-next-line declaration-no-important
     position: absolute !important;
     top: calc(var(--bg-rect-border-size) * -1);
     left: 0;

src/components/AppSidebar/AppSidebar.jsx

@@ -3,14 +3,15 @@ import './AppSidebar.scss';
 import cn from 'classnames';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
-import Portal from '@/components/Portal';
-import MainOverlay from '@/components/MainOverlay';
-import BurgerButton from '@/components/BurgerButton';
+
 import AppButton, { APP_BUTTON_SCHEMES } from '@/components/AppButton';
-import { ROUTES_PATHS } from '@/const';
+import BurgerButton from '@/components/BurgerButton';
+import MainOverlay from '@/components/MainOverlay';
+import Portal from '@/components/Portal';
 import { CONFIG } from '@/config';
-import { navigation } from '@/template-data';
+import { ROUTES_PATHS } from '@/const';
 import { handleNavClick } from '@/helpers';
+import { navigation } from '@/template-data';
 
 const AppSidebar = ({ isVisible, toggleVisibility }) => {
   const { t } = useTranslation();

src/components/BackersSection/BackersSection.jsx

@@ -4,8 +4,8 @@ import cn from 'classnames';
 import { useTranslation } from 'react-i18next';
 
 import SectionWrapper from '@/components/SectionWrapper';
-import { backersList } from '@/template-data';
 import { getShiftedDelay } from '@/helpers';
+import { backersList } from '@/template-data';
 
 const BackersSection = () => {
   const { t } = useTranslation();

src/components/BurgerButton/BurgerButton.scss

@@ -20,8 +20,8 @@
   background-color: rgba(#000000, 0);
   transition: transform var(--hover-transition);
 
-  &:before,
-  &:after {
+  &::before,
+  &::after {
     content: '';
     position: absolute;
     left: 0;
@@ -31,23 +31,23 @@
     transition: top var(--hover-transition), transform var(--hover-transition);
   }
 
-  &:before {
+  &::before {
     top: -#{to-rem(2)};
   }
 
-  &:after {
+  &::after {
     top: #{to-rem(2)};
   }
 
   .burger-button--is-opened & {
     transform: translateX(-50%) rotate(45deg);
 
-    &:before {
+    &::before {
       top: 0;
       transform: rotate(0);
     }
 
-    &:after {
+    &::after {
       top: 0;
       transform: rotate(90deg);
     }

src/components/CommunitySection/CommunitySection.scss

@@ -1,6 +1,5 @@
 %redefined-aos-fade {
   @include redefine-aos-prop('fade-up') {
-    -webkit-transform: translate3d(0, bg-space(0.5), 0);
     transform: translate3d(0, bg-space(0.5), 0);
   }
 }

src/components/HomeHeroSection/HomeHeroSection.scss

@@ -1,6 +1,5 @@
 %redefined-aos-fade {
   @include redefine-aos-prop('fade-up') {
-    -webkit-transform: translate3d(0, bg-space(2), 0);
     transform: translate3d(0, bg-space(2), 0);
   }
 }

src/components/HowItWorksChartDesktop/HowItWorksChartDesktop.jsx

@@ -1,7 +1,7 @@
 import './HowItWorksChartDesktop.scss';
 
-import { useEffect, useState, useRef } from 'react';
 import cn from 'classnames';
+import { useEffect, useRef, useState } from 'react';
 
 const HowItWorksChartDesktop = ({
   isVisibleOnScreen,

src/components/Portal/Portal.jsx

@@ -1,5 +1,6 @@
 import { memo } from 'react';
 import { createPortal } from 'react-dom';
+
 import { COMPONENT_NODE_IDS } from '@/const';
 
 const Portal = ({ children, domNodeId = COMPONENT_NODE_IDS.application }) => {

src/components/PrimaryVideoParallax/PrimaryVideoParallax.jsx

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from 'react';
 import { throttle } from 'throttle-debounce';
+
 import { VIDEO_BG_COLOR } from '@/const';
 
 const videoData = {

src/components/SubscribeSection/SubscribeSection.jsx

@@ -3,13 +3,14 @@ import './SubscribeSection.scss';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import * as yup from 'yup';
+
+import AppButton, { APP_BUTTON_SCHEMES } from '@/components/AppButton';
 import SectionWrapper, {
   SECTION_WRAPPER_SCHEME,
 } from '@/components/SectionWrapper';
 import TextField from '@/components/TextField';
-import AppButton, { APP_BUTTON_SCHEMES } from '@/components/AppButton';
-import useForm from '@/hooks/useForm';
 import { REGEX } from '@/const';
+import useForm from '@/hooks/useForm';
 import { hubspotApi } from '@/hubspot-api';
 
 const SubscribeSection = () => {

src/components/UseCasesSection/UseCasesSection.scss

@@ -1,6 +1,5 @@
 %redefined-aos-fade {
   @include redefine-aos-prop('fade-up') {
-    -webkit-transform: translate3d(0, bg-space(0.5), 0);
     transform: translate3d(0, bg-space(0.5), 0);
   }
 }
@@ -192,6 +191,7 @@
   &--next {
     @include noise-bg;
 
+    // stylelint-disable-next-line declaration-no-important
     position: absolute !important;
     background-color: var(--yellow-accent-bg-color);
     color: var(--col-black-alpha);

src/components/WhatRarimoDoesSection/WhatRarimoDoesSection.jsx

@@ -2,12 +2,12 @@ import './WhatRarimoDoesSection.scss';
 
 import { useTranslation } from 'react-i18next';
 
+import SectionDecorSvg from '@/components/SectionDecorSvg';
 import SectionWrapper, {
   SECTION_WRAPPER_SCHEME,
 } from '@/components/SectionWrapper';
-import SectionDecorSvg from '@/components/SectionDecorSvg';
-import { whatRarimoDoesSectionList } from '@/template-data';
 import { getShiftedDelay } from '@/helpers';
+import { whatRarimoDoesSectionList } from '@/template-data';
 
 const WhatRarimoDoesSection = () => {
   const { t } = useTranslation();

src/js/aos.js

@@ -1,4 +1,5 @@
 import AOS from 'aos';
+
 import { prepareCharacterAnimation, prepareStringAnimation } from '@/helpers';
 
 export const initAOS = () => {

src/main.jsx

@@ -3,8 +3,8 @@ import '@/localization';
 
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { BrowserRouter } from 'react-router-dom';
 import TagManager from 'react-gtm-module';
+import { BrowserRouter } from 'react-router-dom';
 
 import App from '@/App';
 import { CONFIG } from '@/config';

src/router/routes.jsx

@@ -1,10 +1,10 @@
 import { lazy, Suspense } from 'react';
 import { Navigate, useRoutes } from 'react-router-dom';
 
+import RouteTransition from '@/components/RouteTransition';
 import { ROUTES_PATHS } from '@/const';
 import useRouteLocationContext from '@/hooks/useRouteLocation';
 import MainLayout from '@/layouts/MainLayout';
-import RouteTransition from '@/components/RouteTransition';
 
 const HomePage = lazy(() => import('@/pages/HomePage'));
 // const TestnetPage = lazy(() => import('@/pages/TestnetPage'));

src/styles/base/_mixins.scss

@@ -62,8 +62,7 @@
 }
 
 @mixin block-with-bg-border($bg-color: var(--primary-bg-color)) {
-  background-color: #{$bg-color};
-
+  background-color: $bg-color;
   border-top: var(--bg-rect-border-size) solid var(--bg-rect-border-color);
   border-right: none;
   border-bottom: none;

src/styles/base/app.scss

@@ -37,7 +37,6 @@ body {
   overflow-y: hidden;
 
   @include redefine-aos-prop('fade-up') {
-    -webkit-transform: translate3d(0, 1.5em, 0);
     transform: translate3d(0, 1.5em, 0);
   }
 }

src/styles/base/helpers.scss

@@ -18,5 +18,6 @@
 }
 
 .overflow-hidden {
+  // stylelint-disable-next-line declaration-no-important
   overflow: hidden !important;
 }

src/styles/index.scss

@@ -13,4 +13,4 @@
 
 // Modules
 // $aos-distance: 1em;
-@import 'node_modules/aos/src/sass/aos.scss';
+@import 'node_modules/aos/src/sass/aos';