refactor(media-query): rm unneed mobile syx, switch tablet order

Author: mydearxym

components/CommunityStatesPad/styles/index.js

@@ -50,8 +50,8 @@ export const NumberItem = styled.div`
     cursor: ${({ readOnly }) => (readOnly ? '' : 'pointer')};
   }
 
-  ${cs.media.mobile`font-size: 1.2rem;`};
   ${cs.media.tablet`font-size: 1.2rem;`};
+  ${cs.media.mobile`font-size: 1.2rem;`};
 `
 export const NumberDivider = styled.div`
   border: 1px solid;
@@ -61,9 +61,9 @@ export const NumberDivider = styled.div`
   align-self: center;
   margin-left: 10px;
   margin-right: 10px;
-  ${cs.media.mobile`display: none`};
   ${cs.media.tablet`
     margin-left: 5px;
     margin-right: 5px;
   `};
+  ${cs.media.mobile`display: none`};
 `

containers/ArticleAuthorCard/styles/index.js

@@ -12,13 +12,13 @@ export const Wrapper = styled.div`
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   margin-bottom: 15px;
 
-  ${cs.media.mobile`
+  ${cs.media.tablet`
     width: 50%;
-    padding: 10px;
   `};
 
-  ${cs.media.tablet`
+  ${cs.media.mobile`
     width: 50%;
+    padding: 10px;
   `};
 `
 

containers/ArticleBanner/styles/reaction_numbers.js

@@ -33,8 +33,8 @@ export const NumberTitle = styled.div`
     text-decoration: ${({ readOnly }) => (readOnly ? '' : 'underline')};
     animation: ${animate.pulseRule};
   }
-  ${cs.media.mobile`font-size: 0.9rem`};
   ${cs.media.tablet`font-size: 0.9rem`};
+  ${cs.media.mobile`font-size: 0.9rem`};
 `
 export const NumberItem = styled.div`
   font-size: 1.5rem;
@@ -47,8 +47,8 @@ export const NumberItem = styled.div`
     animation: ${animate.pulseRule};
   }
 
-  ${cs.media.mobile`font-size: 1rem`};
   ${cs.media.tablet`font-size: 1rem`};
+  ${cs.media.mobile`font-size: 1rem`};
 `
 
 export const NumberLoading = styled(Img)`
@@ -66,12 +66,6 @@ export const NumberDivider = styled.div`
   align-self: center;
   margin-left: 10px;
   margin-right: 10px;
-  ${cs.media.mobile`
-    margin-left: 2px;
-    margin-right: 2px;
-    height: 50%;
-  `};
-
   ${cs.media.tablet`
       margin-left: 2px;
       margin-right: 2px;

containers/CommunityBanner/styles/digest_view.js

@@ -101,13 +101,13 @@ export const Desc = styled.div`
   }
   ${cs.truncate('500px')};
 
-  ${cs.media.mobile`
-    ${cs.truncate('180px')};
-  `};
-
   ${cs.media.tablet`
     ${cs.truncate('220px')};
   `};
+
+  ${cs.media.mobile`
+    ${cs.truncate('180px')};
+  `};
 `
 export const LogoHolder = styled(Img)`
   fill: ${theme('banner.desc')};

containers/Footer/styles/brief_view.js

@@ -9,7 +9,6 @@ export const MainInfos = styled.footer`
   ${cs.flexColumn()};
   margin-left: 8%;
   margin-bottom: 20px;
-  ${cs.media.mobile`display: none;`};
   ${cs.media.tablet`display: none;`};
 `
 

containers/PostContent/styles/index.js

@@ -6,9 +6,6 @@ export const Wrapper = styled.article`
   ${cs.flex()};
   padding: 20px;
   min-height: 300px;
-  ${cs.media.mobile`
-    padding: 8px 0;
-  `};
   ${cs.media.tablet`
     padding: 8px 0;
   `};

containers/PostContent/styles/side_cards.js

@@ -5,7 +5,6 @@ import { cs } from 'utils'
 export const Wrapper = styled.div`
   ${cs.flexColumn()};
   width: 90%;
-  ${cs.media.mobile`display: none`};
   ${cs.media.tablet`display: none`};
 `
 export const ReportWrapper = styled.div`