[royale-docs] branch master updated: improve styles for code and search box

[ca...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git


The following commit(s) were added to refs/heads/master by this push:
     new e862c07  improve styles for code and search box
e862c07 is described below

commit e862c07375c16396984df6ed4f3ca6f39a4741d1
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Tue Sep 17 19:24:42 2019 +0200

    improve styles for code and search box
---
 _sass/docsearch.sass | 4 ++--
 _sass/highlight.sass | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/_sass/docsearch.sass b/_sass/docsearch.sass
index 5135814..3e8b5d2 100644
--- a/_sass/docsearch.sass
+++ b/_sass/docsearch.sass
@@ -26,12 +26,12 @@
     border-style: solid
     border-width: 0px
     position: relative
-    padding: 0px 24px
+    padding: 0px 30px
     background-image: url(/royale-docs/assets/svg/search.svg)
     background-size: 16px 16px
     background-repeat: no-repeat
     background-position-y: center
-    background-position-x: 12px
+    background-position-x: 10px
     -webkit-appearance: none
     -moz-appearance: none
 
diff --git a/_sass/highlight.sass b/_sass/highlight.sass
index 148b972..613c0cd 100644
--- a/_sass/highlight.sass
+++ b/_sass/highlight.sass
@@ -19,6 +19,8 @@ $bg-color: rgb(40,44,52)
 $text-color: white
 
 // Styles
+code, pre
+	font-family: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace
 
 .highlighter-rouge 
 	background-color: rgba(27,31,35,.05)
@@ -30,6 +32,11 @@ $text-color: white
 	box-shadow: rgb(230, 230, 230) 0px 0px 0px 1px inset
 
 .highlight
+	line-height: 20px
+	white-space: pre-wrap
+	word-break: break-word
+	height: auto !important
+	
 	border-radius: 10px
 	font-size: 14px
 	padding: 10px 30px