Fix styles order

frontend/app/components/comment/comment.css

@@ -23,10 +23,8 @@
 
 .comment-form_type_reply {
   margin-left: 17px;
-}
 
-@media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
-  & .comment-form_type_reply {
+  @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
     margin-left: 0;
   }
 }

frontend/app/components/comment/comment.tsx

@@ -1,5 +1,3 @@
-import './styles';
-
 import { h, JSX, Component, createRef, ComponentType } from 'preact';
 import b from 'bem-react-helper';
 
@@ -24,6 +22,8 @@ import { getVoteMessage, VoteMessagesTypes } from './getVoteMessage';
 import { getBlockingDurations } from './getBlockingDurations';
 import { boundActions } from './connected-comment';
 
+import './styles';
+
 const messages = defineMessages({
   deleteMessage: {
     id: 'comment.delete-message',

frontend/app/components/dropdown/__item/dropdown__item.css

@@ -6,9 +6,9 @@
     text-align: left;
     padding: 5px;
   }
+}
 
-  &_separator {
-    border-bottom: 1px solid var(--color15);
-    margin-bottom: 5px;
-  }
+.dropdown__item_separator {
+  border-bottom: 1px solid var(--color15);
+  margin-bottom: 5px;
 }

frontend/app/components/raw-content/_theme/_light/raw-content_theme_light.css

@@ -1,5 +1,5 @@
 .raw-content_theme_light {
-  blockquote {
+  & blockquote {
     border-left-color: var(--color45);
   }
 

frontend/app/components/root/root.css

@@ -5,8 +5,8 @@
   &::selection {
     background: var(--color42);
   }
+}
 
-  &_user-info {
-    position: static;
-  }
+.root_user-info {
+  position: static;
 }

frontend/app/components/root/root.tsx

@@ -29,13 +29,13 @@ import { fetchComments, updateSorting, addComment, updateComment } from 'store/c
 import { setCommentsReadOnlyState } from 'store/post-info/actions';
 import { setTheme } from 'store/theme/actions';
 
-import AuthPanel from 'components/auth-panel';
-import Settings from 'components/settings';
-import { ConnectedComment as Comment } from 'components/comment/connected-comment';
-import { CommentForm } from 'components/comment-form';
-import Preloader from 'components/preloader';
-import { Thread } from 'components/thread';
 import { Button } from 'components/button';
+import Preloader from 'components/preloader';
+import Settings from 'components/settings';
+import AuthPanel from 'components/auth-panel';
+import { CommentForm } from 'components/comment-form';
+import { Thread } from 'components/thread';
+import { ConnectedComment as Comment } from 'components/comment/connected-comment';
 import { uploadImage, getPreview } from 'common/api';
 import { isUserAnonymous } from 'utils/isUserAnonymous';
 import { bindActions } from 'utils/actionBinder';

frontend/app/remark.tsx

@@ -3,9 +3,6 @@ import { bindActionCreators } from 'redux';
 import { Provider } from 'react-redux';
 import { IntlProvider } from 'react-intl';
 
-// importing css
-import 'components/list-comments';
-
 import { loadLocale } from 'utils/loadLocale';
 import { getLocale } from 'utils/getLocale';
 import { ConnectedRoot } from 'components/root';