Code block styling
This commit is contained in:
parent
38e76328d6
commit
17613d61ce
2 changed files with 27 additions and 2 deletions
|
@ -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";
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue