From 17613d61ce8d4c044336c84c22ac23f4492d8b88 Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Mon, 30 Oct 2017 16:04:05 +0000 Subject: [PATCH] Code block styling --- assets/less/main.less | 27 ++++++++++++++++++++++++++- package.json | 2 +- 2 files changed, 27 insertions(+), 2 deletions(-) diff --git a/assets/less/main.less b/assets/less/main.less index 7cd44b58..ca265292 100644 --- a/assets/less/main.less +++ b/assets/less/main.less @@ -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"; diff --git a/package.json b/package.json index fda04b4b..b43b7c44 100644 --- a/package.json +++ b/package.json @@ -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",