From 69c34ee3596c8087b3d17136192dd92dd82d281a Mon Sep 17 00:00:00 2001 From: Alexander Surma Date: Thu, 2 Jul 2015 11:09:01 +0100 Subject: [PATCH] Implement full-width code blocks on mobile --- docs/_assets/main.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/docs/_assets/main.css b/docs/_assets/main.css index 09918314..5b4667f0 100644 --- a/docs/_assets/main.css +++ b/docs/_assets/main.css @@ -1182,3 +1182,12 @@ code[class*=language-], pre[class*=language-] { .docs-navigation .spacer { flex-grow: 1; } +.docs-layout.is-small-screen .docs-text-styling pre { + margin: 0 -16px; + width: 100vw; + max-width: 640px; +} +.docs-text-styling p { + margin-top: 16px; + margin-bottom: 16px; +}