From 11d8ce635eb097381aa924fe1ec74cf0c8a0e835 Mon Sep 17 00:00:00 2001 From: Arcturus Date: Fri, 14 Feb 2020 11:36:21 +0000 Subject: [PATCH 1/4] remove displaced linebreak --- CONTRIBUTING.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index dd4ef1f5d6..b50843369e 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,8 +1,7 @@ # Contributing to Boost This project adheres to the Contributor Covenant [code of conduct](./CODE_OF_CONDUCT.md). -By participating, you are expected to uphold this code. Please report unacceptable -behavior to rokt33r.choi@gmail.com. +By participating, you are expected to uphold this code. Please report unacceptable behavior to rokt33r.choi@gmail.com. The following is a set of guidelines for contributing to Boost. These are just guidelines, not rules, use your best judgment and feel free to From 284b51d2441260bfb6e090b9bcc57ca1ae36b21a Mon Sep 17 00:00:00 2001 From: Arcturus Date: Fri, 14 Feb 2020 13:06:55 +0000 Subject: [PATCH 2/4] add additional styling to preview themes --- src/lib/preview.ts | 56 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 56 insertions(+) diff --git a/src/lib/preview.ts b/src/lib/preview.ts index 0f36b2001d..3928a42989 100644 --- a/src/lib/preview.ts +++ b/src/lib/preview.ts @@ -518,6 +518,62 @@ kbd { hr { border-bottom-color: #eee; } + +.dark p code, +.dark li code +{ + padding: 2px; + background-color: rgba(255,255,255,0.12); + border-width: 1px; + border-style: solid; + border-color: rgba(255,255,255,0.3); + border-radius: 5px; + color: #03C588; +} +.default p code, +.default li code +{ + padding: 2px; + background-color: #F9F9F9; + border-width: 1px; + border-style: solid; + border-color: rgba(0,0,0,0.26); + border-radius: 5px; + color: #03C588; +} +.light p code, +.light li code +{ + padding: 2px; + background-color: #F9F9F9; + border-width: 1px; + border-style: solid; + border-color: rgba(0,0,0,0.26); + border-radius: 5px; + color: #03C588; +} +.sepia p code, +.sepia li code +{ + padding: 2px; + background-color: #efe8d6; + border-width: 1px; + border-style: solid; + border-color: rgba(0,0,0,0.26); + border-radius: 5px; + color: #F77942; +} +.solarizedDark p code, +.solarizedDark li code +{ + padding: 2px; + background-color: rgba(255,255,255,0.12); + border-width: 1px; + border-style: solid; + border-color: rgba(255,255,255,0.3); + border-radius: 5px; + color: #36abe3; +} ` function loadPreviewStyle() { From a1f2616f24380f43d60e6c73f4639e0ea8297996 Mon Sep 17 00:00:00 2001 From: Arcturus Date: Fri, 14 Feb 2020 13:25:12 +0000 Subject: [PATCH 3/4] rename theme default to auto --- src/lib/preview.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/lib/preview.ts b/src/lib/preview.ts index 3928a42989..3119c082d3 100644 --- a/src/lib/preview.ts +++ b/src/lib/preview.ts @@ -6,12 +6,12 @@ import { createStoreContext } from './context' export const defaultPreviewStyle = ` -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -line-height: 1.5; +line-height: 1.6; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 16px; -line-height: 1.5; +line-height: 1.6; word-wrap: break-word; .dark, .solarizedDark { @@ -530,8 +530,8 @@ hr { border-radius: 5px; color: #03C588; } -.default p code, -.default li code +.auto p code, +.auto li code { padding: 2px; background-color: #F9F9F9; From 6604717621ffc8fc4fd0692368dbbeaf39ac6584 Mon Sep 17 00:00:00 2001 From: Arcturus Date: Sun, 16 Feb 2020 21:56:16 +0000 Subject: [PATCH 4/4] refactoring --- src/lib/preview.ts | 29 +++++++++-------------------- 1 file changed, 9 insertions(+), 20 deletions(-) diff --git a/src/lib/preview.ts b/src/lib/preview.ts index 3119c082d3..cc0e877137 100644 --- a/src/lib/preview.ts +++ b/src/lib/preview.ts @@ -436,6 +436,15 @@ code { padding: 0.2em 0.4em; } +p code, +li code +{ + padding: 2px; + border-width: 1px; + border-style: solid; + border-radius: 5px; +} + pre { word-wrap: normal; } @@ -522,56 +531,36 @@ hr { .dark p code, .dark li code { - padding: 2px; background-color: rgba(255,255,255,0.12); - border-width: 1px; - border-style: solid; border-color: rgba(255,255,255,0.3); - border-radius: 5px; color: #03C588; } .auto p code, .auto li code { - padding: 2px; background-color: #F9F9F9; - border-width: 1px; - border-style: solid; border-color: rgba(0,0,0,0.26); - border-radius: 5px; color: #03C588; } .light p code, .light li code { - padding: 2px; background-color: #F9F9F9; - border-width: 1px; - border-style: solid; border-color: rgba(0,0,0,0.26); - border-radius: 5px; color: #03C588; } .sepia p code, .sepia li code { - padding: 2px; background-color: #efe8d6; - border-width: 1px; - border-style: solid; border-color: rgba(0,0,0,0.26); - border-radius: 5px; color: #F77942; } .solarizedDark p code, .solarizedDark li code { - padding: 2px; background-color: rgba(255,255,255,0.12); - border-width: 1px; - border-style: solid; border-color: rgba(255,255,255,0.3); - border-radius: 5px; color: #36abe3; } `