Updated all long style names to be more compact

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

app/javascript/gabsocial/components/media_item.js

@@ -77,19 +77,19 @@ class MediaItem extends ImmutablePureComponent {
     }
 
     const containerClasses = cx({
-      default: 1,
+      _: 1,
       posAbs: 1,
       top0: 1,
-      height100PC: 1,
-      width100PC: 1,
+      h100PC: 1,
+      w100PC: 1,
       py2: !isSmall,
       px2: !isSmall,
     })
 
     const linkClasses = cx({
-      default: 1,
-      width100PC: 1,
-      height100PC: 1,
+      _: 1,
+      w100PC: 1,
+      h100PC: 1,
       overflowHidden: 1,
       border1PX: 1,
       borderColorPrimary: 1,
@@ -98,7 +98,7 @@ class MediaItem extends ImmutablePureComponent {
     const statusUrl = `/${account.getIn(['acct'])}/posts/${status.get('id')}`;
 
     return (
-      <div className={[_s.default, _s.width25PC, _s.pt25PC].join(' ')}>
+      <div className={[_s._, _s.w25PC, _s.pt25PC].join(' ')}>
         <div className={containerClasses}>
           <NavLink
             to={statusUrl}
@@ -111,7 +111,7 @@ class MediaItem extends ImmutablePureComponent {
                 height='100%'
                 width='100%'
                 ref={this.setCanvasRef}
-                className={[_s.default, _s.width100PC, _s.height100PC, _s.z2].join(' ')}
+                className={[_s._, _s.w100PC, _s.h100PC, _s.z2].join(' ')}
               />
             }
 
@@ -127,19 +127,19 @@ class MediaItem extends ImmutablePureComponent {
               />
             }
 
-            <div className={[_s.default, _s.alignItemsCenter, _s.justifyContentCenter, _s.height100PC, _s.width100PC, _s.z3, _s.posAbs].join(' ')}>
+            <div className={[_s._, _s.aiCenter, _s.jcCenter, _s.h100PC, _s.w100PC, _s.z3, _s.posAbs].join(' ')}>
               {
                 !visible &&
                 <Icon
                   id='hidden'
                   size='22px'
-                  className={[_s.colorWhite].join('')}
+                  className={[_s.cWhite].join('')}
                 />
               }
 
               {
                 !!badge &&
-                <div className={[_s.default, _s.posAbs, _s.radiusSmall, _s.bgBlackOpaque, _s.px5, _s.py5, _s.mr5, _s.mt5, _s.mb5, _s.bottom0, _s.right0].join(' ')}>
+                <div className={[_s._, _s.posAbs, _s.radiusSmall, _s.bgBlackOpaque, _s.px5, _s.py5, _s.mr5, _s.mt5, _s.mb5, _s.bottom0, _s.right0].join(' ')}>
                   <Text size='extraSmall' color='white'>
                     {badge}
                   </Text>