Add table styling and fix #1
This commit is contained in:
parent
1e52fcead2
commit
15fded951a
4 changed files with 24 additions and 8 deletions
|
@ -1,7 +1,6 @@
|
||||||
---
|
---
|
||||||
layout: post
|
layout: post
|
||||||
title: "Introducing Tale 2"
|
title: "Introducing Tale 2"
|
||||||
categories: jekyll update
|
|
||||||
---
|
---
|
||||||
|
|
||||||
You’ll 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.
|
You’ll 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.
|
||||||
|
|
|
@ -1,7 +1,6 @@
|
||||||
---
|
---
|
||||||
layout: post
|
layout: post
|
||||||
title: "Welcome to Jekyll!"
|
title: "Welcome to Jekyll!"
|
||||||
categories: jekyll update
|
|
||||||
---
|
---
|
||||||
|
|
||||||
You’ll 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.
|
You’ll 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.
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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);
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in a new issue