Refactoring (#32)

Author: rstaib

src/column/renderAlignSelf.ts

@@ -12,7 +12,7 @@ export default (alignSelf?: ColumnAlignSelf): string => {
 
   if (allowedValues.includes(alignSelf!)) {
     return css`
-      align-self: ${alignSelf + ""} !important;
+      align-self: ${alignSelf!} !important;
     `;
   } else {
     return "";

src/column/renderOffset.ts

@@ -8,9 +8,7 @@ export default (offset?: ColumnOffset): string => {
     offset > 0 &&
     offset < 12
   ) {
-    return `
-      margin-left: ${percentage(offset)}%;
-    `;
+    return `margin-left: ${percentage(offset)}%;`;
   }
 
   return "";

src/column/renderOrder.ts

@@ -11,9 +11,7 @@ const renderOrder = (order?: ColumnOrder | 0 | 13): string => {
     }
 
     if (typeof order === "number") {
-      return `
-        order: ${order - 1};
-      `;
+      return `order: ${order - 1};`;
     }
   }
 

src/container/renderWidth.ts

@@ -1,8 +1,6 @@
 export default (width?: number): string => {
   if (width != null && typeof width === "number") {
-    return `
-      max-width: ${width}px;
-    `;
+    return `max-width: ${width}px;`;
   }
 
   return "";

src/row/renderAlignContent.ts

@@ -13,7 +13,7 @@ export default (alignContent?: RowAlignContent): string => {
 
   if (allowedValues.includes(alignContent!)) {
     return css`
-      align-content: ${alignContent + ""} !important;
+      align-content: ${alignContent!} !important;
     `;
   } else {
     return "";

src/row/renderAlignItems.ts

@@ -12,7 +12,7 @@ export default (alignItems?: RowAlignItems): string => {
 
   if (allowedValues.includes(alignItems!)) {
     return css`
-      align-items: ${alignItems + ""} !important;
+      align-items: ${alignItems!} !important;
     `;
   } else {
     return "";

src/row/renderDirection.ts

@@ -6,7 +6,7 @@ export default (direction?: RowDirection): string => {
 
   if (allowedValues.includes(direction!)) {
     return css`
-      flex-direction: ${direction + ""} !important;
+      flex-direction: ${direction!} !important;
     `;
   } else {
     return "";

src/row/renderJustifyContent.ts

@@ -12,7 +12,7 @@ export default (contentJustify?: RowJustifyContent): string => {
 
   if (allowedValues.includes(contentJustify!)) {
     return css`
-      justify-content: ${contentJustify + ""} !important;
+      justify-content: ${contentJustify!} !important;
     `;
   } else {
     return "";