Refactored code structure

client/src/Project/Board/Lists/List/Styles.js

@@ -0,0 +1,30 @@
+import styled from 'styled-components';
+
+import { color, font } from 'shared/utils/styles';
+
+export const List = styled.div`
+  display: flex;
+  flex-direction: column;
+  margin: 0 5px;
+  min-height: 400px;
+  width: 25%;
+  border-radius: 3px;
+  background: ${color.backgroundLightest};
+`;
+
+export const Title = styled.div`
+  padding: 13px 10px 17px;
+  text-transform: uppercase;
+  color: ${color.textMedium};
+  ${font.size(12.5)};
+`;
+
+export const IssuesCount = styled.span`
+  text-transform: lowercase;
+  ${font.size(13)};
+`;
+
+export const Issues = styled.div`
+  height: 100%;
+  padding: 0 5px;
+`;