fix conflicts and duplicate demo css

henrybuilt · Aug 23, 2019 · c3107c1 · c3107c1
1 parent 1a856d8
commit c3107c1
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 106 deletions.
diff --git a/src/index.js b/src/index.js
@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/core';
+import React from 'react';
 import styled from 'styled-components';
 
 const Table = styled('div').attrs({

diff --git a/stories/demo.css b/stories/demo.css
@@ -36,107 +36,3 @@ h1{
 .right {
   float: right;
 }
-
-/* Custom Sticky Table Styles */
-.sticky-table {
-  white-space: nowrap;
-  margin-top: 2rem;
-  border: 2px solid #e5e5e5;
-}
-.sticky-table .sticky-table-cell {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 2px solid #e5e5e5;
-  background-color: #fff;
-}
-.sticky-table .sticky-table-corner, .sticky-table .sticky-table-cell:first-child {
-  border-right: 2px solid #e5e5e5;
-}
-.sticky-table .sticky-header {
-  margin-top: 0;
-}
-
-@media only screen and (max-device-width : 736px) {
-  .sticky-table .sticky-header {
-    padding-top: 1px;
-    top: -1px;
-  }
-}
-
-/* Code samples */
-.code-sample pre{
-  border-radius: 3px;
-  font-size: 1rem;
-  margin-top: 2rem;
-  line-height: 1.4;
-  font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
-  padding: 1rem !important;
-}
-
-/* Demo */
-.wrapper{
-  padding: 0 2.5rem;
-  max-width: 60rem;
-  width: calc(100% - 5rem);
-  margin: auto;
-}
-.header{
-  background: rgb(40, 44, 52);
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 100;
-  font-size: 2rem;
-  font-weight: 100;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
-}
-.header .wrapper{
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.header a{
-  font-size: 0.8rem;
-  display: block;
-  margin-top: 1rem;
-  color: #fff;
-}
-.header a:hover{
-  opacity: 0.8;
-}
-.content{
-  padding-bottom: 6rem;
-}
-
-.menu{
-  width: 18%;
-  padding-top: 7.2rem;
-  position: fixed;
-}
-.menu a{
-  padding: 0.5rem 0.8rem;
-  display: block;
-  background-color: #f5f5f5;
-  border-right: 2px solid #ddd;
-  margin-bottom: 2px;
-}
-.menu a:hover{
-  border-right: 2px solid #8597a8;
-}
-
-.examples{
-  width: 70%;
-  padding-left: 30%;
-}
-.example{
-  padding-top: 6rem;
-}
-
-@media only screen and (max-width: 768px) {
-  .menu{
-    display: none;
-  }
-  .examples{
-    padding: 0;
-    width: 100%;
-  }
-}