Add table styling and fix #1

This commit is contained in:
Chester How 2017-03-16 10:56:23 +08:00
parent 1e52fcead2
commit 15fded951a
4 changed files with 24 additions and 8 deletions

View file

@ -1,7 +1,6 @@
--- ---
layout: post layout: post
title: "Introducing Tale 2" title: "Introducing Tale 2"
categories: jekyll update
--- ---
Youll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. Youll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.

View file

@ -1,7 +1,6 @@
--- ---
layout: post layout: post
title: "Welcome to Jekyll!" title: "Welcome to Jekyll!"
categories: jekyll update
--- ---
Youll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. Youll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.

View file

@ -50,3 +50,27 @@ img {
margin: 0 0 1rem; margin: 0 0 1rem;
max-width: 100%; max-width: 100%;
} }
table {
border: 1px solid $grey-2;
border-collapse: collapse;
font-size: 85%;
margin-bottom: 1rem;
width: 100%;
}
td,
th {
border: 1px solid $grey-2;
padding: .25rem .5rem;
vertical-align: top;
}
th {
text-align: left;
}
tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th {
background-color: $grey-3;
}

View file

@ -24,9 +24,3 @@ $code-color: #bf616a;
-moz-transition: $args; -moz-transition: $args;
transition: $args; transition: $args;
} }
@mixin transform-translate($x, $y) {
-webkit-transform: translate($x, $y);
-moz-transform: translate($x, $y);
transform: translate($x, $y);
}