Code block styling

This commit is contained in:
Oliver Davies 2017-10-30 16:04:05 +00:00
parent 38e76328d6
commit 17613d61ce
2 changed files with 27 additions and 2 deletions

View file

@ -1,5 +1,5 @@
@import (less) "~font-awesome/css/font-awesome.css";
@import (less) "~prismjs/themes/prism-twilight.css";
// @import (less) "~prismjs/themes/prism-twilight.css";
@import "~tachyons-less/less/_colors";
@ -13,6 +13,26 @@ td {
a { color: @blue }
}
pre code,
p code {
font-size: .8125rem;
}
pre code {
.db;
.bg-black-10;
.pa3;
.bl;
.bw2;
.b--black-40;
.mv2;
}
p code {
.bg-black-10;
padding: 1px 3px;
}
.button {
.bg-blue;
.bn;
@ -39,6 +59,11 @@ blockquote {
.b--blue;
}
img.with-border {
.ba;
.b--silver;
}
@import "components/nav";
@import "components/post";
@import "components/talk";