From 821bce38befade9a0425704677f23fb3101b959a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Sevilla=20Mart=C3=ADn?= Date: Sun, 17 Apr 2016 19:01:19 -0400 Subject: [PATCH 1/4] Updated code style to be same as Scotch.IO's --- less/forum/Post.less | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/less/forum/Post.less b/less/forum/Post.less index cd14e6483..7c925aa29 100644 --- a/less/forum/Post.less +++ b/less/forum/Post.less @@ -116,6 +116,14 @@ border-bottom: 2px dotted @body-bg; margin: 1em 0; } + code { + font-family: source-code-pro, Monaco, Consolas, "Courier New", monospace; + padding: 2px 6px; + background: #F2F7F9; + color: #256FC7; + font-size: 90%; + border-radius: 4px + } pre { border: 0; padding: 15px; @@ -128,6 +136,13 @@ padding: 0; background: none; } + code { + padding: 0; + background: transparent; + color: inherit; + font-size: 100%; + border-radius: 0; + } } h1 { font-size: 160%; From 8065dc18062ec92cd1bcf5b61daaf84545d5f40a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Sevilla=20Mart=C3=ADn?= Date: Mon, 18 Apr 2016 21:26:32 -0400 Subject: [PATCH 2/4] Updated code color from blue-ish to more grey-ish --- less/forum/Post.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/less/forum/Post.less b/less/forum/Post.less index 7c925aa29..c63c961df 100644 --- a/less/forum/Post.less +++ b/less/forum/Post.less @@ -119,7 +119,7 @@ code { font-family: source-code-pro, Monaco, Consolas, "Courier New", monospace; padding: 2px 6px; - background: #F2F7F9; + background: #60646D; color: #256FC7; font-size: 90%; border-radius: 4px From 805f86b249091b0d3e2b8b11779ccec8b86e6afc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Sevilla=20Mart=C3=ADn?= Date: Sun, 8 May 2016 17:08:32 -0400 Subject: [PATCH 3/4] Added variables for code color & background; Dark mode & light mode --- less/forum/Post.less | 4 ++-- less/lib/variables.less | 6 ++++++ 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/less/forum/Post.less b/less/forum/Post.less index c63c961df..0b01529c3 100644 --- a/less/forum/Post.less +++ b/less/forum/Post.less @@ -119,8 +119,8 @@ code { font-family: source-code-pro, Monaco, Consolas, "Courier New", monospace; padding: 2px 6px; - background: #60646D; - color: #256FC7; + background: @code-bg; + color: @code-color; font-size: 90%; border-radius: 4px } diff --git a/less/lib/variables.less b/less/lib/variables.less index f7e21913f..38d3987aa 100755 --- a/less/lib/variables.less +++ b/less/lib/variables.less @@ -37,6 +37,9 @@ @control-danger-color: #d66; @overlay-bg: fade(@secondary-color, 90%); + + @code-bg: #F2F7F9; + @code-color: #60646D; } .define-colors(true) { @primary-color: @config-primary-color; @@ -56,6 +59,9 @@ @control-danger-color: #a88; @overlay-bg: fade(darken(@body-bg, 5%), 90%); + + @code-bg: darken(#F2F7F9, 90%); + @code-color: lighten(#60646D, 90%); } @hero-bg: @control-bg; From aca497e7be618ff10dbea22ac1b99d15a544676b Mon Sep 17 00:00:00 2001 From: Franz Liedke Date: Thu, 12 May 2016 23:56:12 +0900 Subject: [PATCH 4/4] Final tweaks to inline code styling Refs #814. --- less/forum/Post.less | 14 +++++++------- less/lib/variables.less | 8 ++++---- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/less/forum/Post.less b/less/forum/Post.less index 0b01529c3..6fa80c3b0 100644 --- a/less/forum/Post.less +++ b/less/forum/Post.less @@ -116,30 +116,30 @@ border-bottom: 2px dotted @body-bg; margin: 1em 0; } + // Inline code code { font-family: source-code-pro, Monaco, Consolas, "Courier New", monospace; - padding: 2px 6px; + padding: 5px; background: @code-bg; color: @code-color; + line-height: 1.3; font-size: 90%; border-radius: 4px } + // Code blocks pre { border: 0; padding: 15px; - background: darken(@body-bg, 3%); + background: @code-bg; color: #666; font-size: 90%; border-radius: @border-radius; - .hljs { - padding: 0; - background: none; - } code { padding: 0; - background: transparent; + background: none; color: inherit; + line-height: inherit; font-size: 100%; border-radius: 0; } diff --git a/less/lib/variables.less b/less/lib/variables.less index 38d3987aa..4c3941849 100755 --- a/less/lib/variables.less +++ b/less/lib/variables.less @@ -38,8 +38,8 @@ @overlay-bg: fade(@secondary-color, 90%); - @code-bg: #F2F7F9; - @code-color: #60646D; + @code-bg: darken(@body-bg, 3%); + @code-color: lighten(@text-color, 30%); } .define-colors(true) { @primary-color: @config-primary-color; @@ -60,8 +60,8 @@ @overlay-bg: fade(darken(@body-bg, 5%), 90%); - @code-bg: darken(#F2F7F9, 90%); - @code-color: lighten(#60646D, 90%); + @code-bg: darken(@body-bg, 3%); + @code-color: #fff; } @hero-bg: @control-bg;