Refactor CSS pt. 3 (semantically @extend Bootstrap)

app/javascript/components/Roadmap/PostListByPostStatus.tsx

@@ -14,13 +14,13 @@ interface Props {
 }
 
 const PostListByPostStatus = ({ postStatus, posts, boards }: Props) => (
-  <div className="roadmapColumn card my-2 px-2" style={{borderColor: postStatus.color}}>
-    <div className="columnHeader card-header d-flex bg-transparent"
+  <div className="roadmapColumn" style={{borderColor: postStatus.color}}>
+    <div className="columnHeader"
       style={{borderBottomColor: postStatus.color}}>
       <div className="dot" style={{backgroundColor: postStatus.color}}></div>
       <div className="columnTitle"><TitleText>{postStatus.name}</TitleText></div>
     </div>
-    <div className="scrollContainer card-body">
+    <div className="scrollContainer">
       <PostList
         posts={posts}
         boards={boards}

app/javascript/components/Roadmap/PostListItem.tsx

@@ -10,7 +10,7 @@ interface Props {
 
 const PostListItem = ({id, title, boardName}: Props) => (
   <a href={`/posts/${id}`} className="postLink">
-    <div className="postListItem d-flex flex-column my-1 py-2">
+    <div className="postListItem">
       <TitleText>{title}</TitleText>
       <UppercaseText>{boardName}</UppercaseText>
     </div>

app/javascript/components/Roadmap/index.tsx

@@ -6,8 +6,6 @@ import IPostStatus from '../../interfaces/IPostStatus';
 import IPostJSON from '../../interfaces/json/IPost';
 import IBoard from '../../interfaces/IBoard';
 
-import '../../stylesheets/components/Roadmap.scss';
-
 interface Props {
   postStatuses: Array<IPostStatus>;
   posts: Array<IPostJSON>;
@@ -19,7 +17,7 @@ class Roadmap extends React.Component<Props> {
     const { postStatuses, posts, boards } = this.props;
 
     return (
-      <div className="roadmapColumns d-flex justify-content-between flex-wrap">
+      <div className="roadmapColumns">
         {postStatuses.map((postStatus, i) => (
           <PostListByPostStatus
             postStatus={postStatus}