fixed styles imports

src/components/main/Footer/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .footer {
   display: flex;
   flex-direction: row;

src/components/main/Header/index.tsx

@@ -16,7 +16,7 @@ import { URLS } from '~/constants/urls';
 import { createPortal } from 'react-dom';
 import classNames from 'classnames';
 
-import * as style from './style.scss';
+import styles from './styles.module.scss';
 import * as MODAL_ACTIONS from '~/redux/modal/actions';
 import * as AUTH_ACTIONS from '~/redux/auth/actions';
 import { IState } from '~/redux/store';
@@ -75,24 +75,24 @@ const HeaderUnconnected: FC<IProps> = memo(
     );
 
     return createPortal(
-      <div className={classNames(style.wrap, { [style.is_scrolled]: is_scrolled })}>
-        <div className={style.container}>
+      <div className={classNames(styles.wrap, { [styles.is_scrolled]: is_scrolled })}>
+        <div className={styles.container}>
           <Logo />
 
           <Filler />
 
-          <div className={style.plugs}>
+          <div className={styles.plugs}>
             <Link
-              className={classNames(style.item, { [style.is_active]: pathname === URLS.BASE })}
+              className={classNames(styles.item, { [styles.is_active]: pathname === URLS.BASE })}
               to={URLS.BASE}
             >
               ФЛОУ
             </Link>
 
             <Link
-              className={classNames(style.item, {
-                [style.is_active]: pathname === URLS.BORIS,
-                [style.has_dot]: hasBorisUpdates,
+              className={classNames(styles.item, {
+                [styles.is_active]: pathname === URLS.BORIS,
+                [styles.has_dot]: hasBorisUpdates,
               })}
               to={URLS.BORIS}
             >
@@ -100,7 +100,7 @@ const HeaderUnconnected: FC<IProps> = memo(
             </Link>
 
             {is_user && (
-              <div className={style.item}>
+              <div className={styles.item}>
                 <Notifications />
               </div>
             )}
@@ -111,7 +111,7 @@ const HeaderUnconnected: FC<IProps> = memo(
           )}
 
           {!is_user && (
-            <Group horizontal className={style.user_button} onClick={onLogin}>
+            <Group horizontal className={styles.user_button} onClick={onLogin}>
               <div>ВДОХ</div>
             </Group>
           )}

src/components/main/Header/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   height: $header_height;
   z-index: 25;

src/components/main/Logo/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import styles from './style.scss';
+import styles from './styles.module.scss';
 import { Link } from 'react-router-dom';
 
 export const Logo = () => (

src/components/main/Logo/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .logo {
   font: $font_24_bold;
   display: flex;

src/components/main/Notifications/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 @keyframes ring {
   0% {
     transform: rotate(-10deg);

src/components/main/SidePane/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .pane {
   width: 54px;
   height: 100%;

src/components/main/UserButton/styles.module.scss

@@ -1,3 +1,5 @@
+@import "src/styles/variables";
+
 .wrap {
   position: relative;
   z-index: 2;