Updated all component styles

new mixins, consolidated
all original styles files uncomitted

app/javascript/gabsocial/features/compose/compose.scss

@@ -41,8 +41,8 @@
   flex-direction: column;
   overflow: hidden;
   overflow-y: auto;
-  width: 100%;
-  height: 100%;
+
+  @include size(100%);
 
   &.darker {
     background: $ui-base-color;
@@ -59,11 +59,11 @@
     display: block;
     object-fit: contain;
     object-position: bottom left;
-    width: 100%;
-    height: 100%;
     pointer-events: none;
     user-drag: none;
-    user-select: none;
+
+    @include unselectable;
+    @include size(100%);
   }
 
   @media screen and (min-height: 640px) {
@@ -93,8 +93,8 @@
   .drawer {
     flex: 0 0 auto;
     padding: 10px;
-    padding-left: 5px;
-    padding-right: 5px;
+
+    @include horizontal-padding(5px);
 
     &:first-child {
       padding-left: 10px;