Merge pull request #46 from hidao80/develop

feat: css as GHF and Qiita flavor table.
hidao80 · Jul 21, 2018 · a69f8d4 · a69f8d4
2 parents 9440550 + 39c2bea
commit a69f8d4
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/src/css/tsumiqiita.css b/src/css/tsumiqiita.css
@@ -123,6 +123,33 @@ pre {
  top: 0;
  transform: translateY(-1.7em) translateX(-10px); 
 }
+
+table {
+ margin: 1em 0;
+ border-left: solid 1px #e6e6e6;;
+ border-top: solid 1px #e6e6e6;;
+ border-collapse: collapse;
+}
+
+td,
+th {
+ border-bottom: solid 1px #e6e6e6;
+ border-right: solid 1px #e6e6e6;;
+ padding: 8px 10px;
+ word-wrap: break-word;
+}
+
+thead td,
+th {
+ font-weight: 700;
+ background-color: #efefef;
+}
+
+tbody:nth-child(odd) tr {
+ background-color: rgba(#000, .03);
+}
+
+
 /*チェックボックス等は非表示に*/
 .nav-unshown {
  display:none;

diff --git a/src/index.html b/src/index.html
@@ -3,6 +3,7 @@
 <head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="./css/tsumiqiita.css">
+ <link rel="stylesheet" href="./node_modules/github-markdown-css/github-markdown.css">
  <link rel="stylesheet" type="text/css" href="./node_modules/highlight.js/styles/monokai.css">
  <title>TsumiQiita</title>
  <script src="./js/functions.js"></script>

diff --git a/src/package.json b/src/package.json
@@ -32,6 +32,7 @@
  "dependencies": {
  "electron-store": "^2.0.0",
  "escape-html": "^1.0.3",
+ "github-markdown-css": "^2.10.0",
  "highlight.js": "^9.12.0",
  "markdown-it": "^8.4.1",
  "markdown-it-checkbox": "^1.1.0",