From 35c51c567f3765f1f105a820b36061cafd464dbf Mon Sep 17 00:00:00 2001
From: sorrelbri <sorrel.bri.june@gmail.com>
Date: Sun, 21 Jun 2020 16:32:24 -0700
Subject: [PATCH] style kifu

---
 .../play-node-go/src/components/GameUI/Kifu/Kifu.js |  7 ++++---
 .../src/components/GameUI/Kifu/Kifu.scss            | 13 +++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js
index 8ab6c78..cd91ec9 100644
--- a/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js
+++ b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js
@@ -2,10 +2,11 @@ import React from "react";
 import "./Kifu.scss";
 
 const Kifu = ({ ...props }) => {
+  console.log(props);
   return (
-    <>
-      <p>Kifu</p>
-    </>
+    <div className="Kifu">
+      <div className="Kifu__board"></div>
+    </div>
   );
 };
 
diff --git a/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss
index e69de29..a529d41 100644
--- a/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss
+++ b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss
@@ -0,0 +1,13 @@
+div.Kifu {
+  order: 0;
+  height: 10vh;
+  width: 8vh;
+  background-color: #FFF;
+  transform: rotate(-20deg);
+  div.Kifu__board {
+    border: 0.25vh solid #444;
+    width: 5vh;
+    height: 5vh;
+    margin: 1vh 2vh 2vh auto;
+  }
+}
\ No newline at end of file