Updated all long style names to be more compact

• Updated:
- all long style names to be more compact

app/javascript/gabsocial/components/placeholder/account_placeholder.js

@@ -10,7 +10,7 @@ class AccountPlaceholder extends React.PureComponent {
     const { isLast, isSmall } = this.props
 
     const classes = CX({
-      default: 1,
+      _: 1,
       px15: 1,
       py7: 1,
       borderColorSecondary: !isLast,

app/javascript/gabsocial/components/placeholder/comment_placeholder.js

@@ -8,7 +8,7 @@ export default class CommentPlaceholder extends React.PureComponent {
   
   render() {
     const classes = CX({
-      default: 1,
+      _: 1,
       px15: 1,
       py10: 1,
     })

app/javascript/gabsocial/components/placeholder/group_list_item_placeholder.js

@@ -10,7 +10,7 @@ class GroupListItemPlaceholder extends React.PureComponent {
     const { isLast } = this.props
 
     const classes = CX({
-      default: 1,
+      _: 1,
       px15: 1,
       py7: 1,
       borderColorSecondary: !isLast,

app/javascript/gabsocial/components/placeholder/list_item_placeholder.js

@@ -11,7 +11,7 @@ class ListItemPlaceholder extends React.PureComponent {
     const { isLast } = this.props
 
     const classes = CX({
-      default: 1,
+      _: 1,
       px15: 1,
       py15: 1,
       borderColorSecondary: !isLast,
@@ -19,7 +19,7 @@ class ListItemPlaceholder extends React.PureComponent {
     })
 
     const classesXS = CX({
-      default: 1,
+      _: 1,
       px15: 1,
       py7: 1,
       borderColorSecondary: !isLast,

app/javascript/gabsocial/components/placeholder/media_gallery_panel_placeholder.js

@@ -6,7 +6,7 @@ export default class MediaGalleryPanelPlaceholder extends React.PureComponent {
   
   render() {
     return (
-      <div className={_s.default}>
+      <div className={_s._}>
         <PlaceholderLayout viewBox='0 0 334 164'>
           <rect x='0' y='0' rx='4' ry='4' width='76' height='76' /> 
           <rect x='86' y='0' rx='4' ry='4' width='76' height='76' /> 

app/javascript/gabsocial/components/placeholder/media_gallery_placeholder.js

@@ -6,7 +6,7 @@ export default class MediaGalleryPlaceholder extends React.PureComponent {
 
   render() {
     return (
-      <div className={[_s.default, _s.px5, _s.py5].join(' ')}>
+      <div className={[_s._, _s.px5, _s.py5].join(' ')}>
         <PlaceholderLayout viewBox='0 0 400 196'>
           <rect x='0' y='0' rx='0' ry='0' width='96' height='96' /> 
           <rect x='100' y='0' rx='0' ry='0' width='96' height='96' /> 

app/javascript/gabsocial/components/placeholder/notification_placeholder.js

@@ -14,7 +14,7 @@ class NotificationPlaceholder extends React.PureComponent {
     const { isLast } = this.props
 
     const classes = CX({
-      default: 1,
+      _: 1,
       px15: 1,
       py15: 1,
       borderColorSecondary: !isLast,
@@ -22,7 +22,7 @@ class NotificationPlaceholder extends React.PureComponent {
     })
 
     const classesXS = CX({
-      default: 1,
+      _: 1,
       px15: 1,
       py15: 1,
       borderColorSecondary: !isLast,
@@ -37,7 +37,7 @@ class NotificationPlaceholder extends React.PureComponent {
       <React.Fragment>
         <ResponsiveComponent min={BREAKPOINT_EXTRA_SMALL}>
           <div className={classes}>
-            <div className={[_s.default, _s.py2, _s.px2].join(' ')}>
+            <div className={[_s._, _s.py2, _s.px2].join(' ')}>
               <PlaceholderLayout viewBox='0 0 400 170'>
                 <rect x='24' y='34' rx='4' ry='4' width={width2} height='8' />
                 <rect x={left} y='34' rx='4' ry='4' width='12' height='8' />
@@ -61,7 +61,7 @@ class NotificationPlaceholder extends React.PureComponent {
         </ResponsiveComponent>
         <ResponsiveComponent max={BREAKPOINT_EXTRA_SMALL}>
           <div className={classesXS}>
-            <div className={[_s.default, _s.py2, _s.px2].join(' ')}>
+            <div className={[_s._, _s.py2, _s.px2].join(' ')}>
               <PlaceholderLayout viewBox='0 0 380 200'>
                 <circle cx='20' cy='20' r='20' />
                 <rect x='0' y='54' rx='5' ry='5' width={width1} height='10' />

app/javascript/gabsocial/components/placeholder/profile_header_xs_placeholder.js

@@ -6,7 +6,7 @@ export default class ProfileHeaderXSPlaceholder extends React.PureComponent {
   
   render() {
     return (
-      <div className={[_s.default, _s.px10, _s.py10].join(' ')}>
+      <div className={[_s._, _s.px10, _s.py10].join(' ')}>
         <PlaceholderLayout viewBox='0 0 400 660'>
           <rect x='0' y='0' rx='0' ry='0' width='400' height='202' /> 
           <circle cx='200' cy='200' r='54' /> 

app/javascript/gabsocial/components/placeholder/profile_info_panel_placeholder.js

@@ -6,7 +6,7 @@ export default class ProfileInfoPanelPlaceholder extends React.PureComponent {
   
   render() {
     return (
-      <div className={_s.default}>
+      <div className={_s._}>
         <PlaceholderLayout viewBox='0 0 340 108'>
           <rect x='0' y='0' rx='4' ry='4' width='330' height='8' /> 
           <rect x='0' y='18' rx='4' ry='4' width='314' height='8' /> 

app/javascript/gabsocial/components/placeholder/profile_stats_panel_placeholder.js

@@ -6,7 +6,7 @@ export default class ProfileStatsPanelPlaceholder extends React.PureComponent {
 
   render() {
     return (
-      <div className={_s.default}>
+      <div className={_s._}>
         <PlaceholderLayout viewBox='0 0 178 20'>
           <rect x='2' y='2' rx='4' ry='4' width='24' height='6' /> 
           <rect x='2' y='12' rx='4' ry='4' width='38' height='6' /> 

app/javascript/gabsocial/components/placeholder/status_placeholder.js

@@ -12,7 +12,7 @@ export default class StatusPlaceholder extends React.PureComponent {
 
   render() {
     const containerClasses = CX({
-      default: 1,
+      _: 1,
       px15: 1,
       mt5: 1,
       mb15: 1,
@@ -23,7 +23,7 @@ export default class StatusPlaceholder extends React.PureComponent {
     })
 
     const containerClassesXS = CX({
-      default: 1,
+      _: 1,
       bgPrimary: 1,
       boxShadowBlock: 1,
       borderTop1PX: 1,

app/javascript/gabsocial/components/placeholder/trends_item_placeholder.js

@@ -14,7 +14,7 @@ export default class TrendsItemPlaceholder extends React.PureComponent {
     const subtitle3Width = getRandomInt(120, 225)
 
     return (
-      <div className={[_s.default, _s.px15, _s.py10, _s.pb5, _s.mb5].join(' ')}>
+      <div className={[_s._, _s.px15, _s.py10, _s.pb5, _s.mb5].join(' ')}>
         <PlaceholderLayout viewBox='0 0 340 138'>
           <rect x='0' y='0' rx='3' ry='3' width={title1Width} height='12' />
           <rect x='0' y='23' rx='3' ry='3' width={title2Width} height='12' />