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";

View file

@ -10,7 +10,7 @@
"autoprefixer": "postcss -u autoprefixer -r $npm_package_config_outputCss/*.css",
"build": "npm run init && npm-run-all -p build:css build:js copy:fonts",
"build:css": "npm run less -- && npm run autoprefixer",
"build:js": "concat -o $npm_package_config_outputJs/site.js ./node_modules/jquery/dist/jquery.js ./node_modules/prismjs/prism.js ./node_modules/prismjs/components/prism-{apacheconf,bash,css,diff,ini,json,nginx,php,sass,scss,sql,less,twig,yaml}.js $npm_package_config_jsPath/vendor/*.js $npm_package_config_jsPath/main.js",
"build:js": "concat -o $npm_package_config_outputJs/site.js ./node_modules/jquery/dist/jquery.js $npm_package_config_jsPath/vendor/*.js $npm_package_config_jsPath/main.js",
"copy:fonts": "cp -R ./node_modules/font-awesome/fonts/* $npm_package_config_outputFonts",
"dev": "npm run build && npm-run-all -p watch:css watch:js",
"init": "mkdir -p $npm_package_config_outputCss $npm_package_config_outputFonts $npm_package_config_outputJs",