[royale-docs] branch master updated: CSS: some better mobile styling for header

[joshtynjala]

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

joshtynjala 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 4b0767a  CSS: some better mobile styling for header
4b0767a is described below

commit 4b0767a2756ff66860c59e9996e441c8ace6c990
Author: Josh Tynjala <joshtynj...@gmail.com>
AuthorDate: Sat Apr 27 10:15:53 2019 -0700

    CSS: some better mobile styling for header
---
 royalesite.css | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/royalesite.css b/royalesite.css
index 93bc75f..860341b 100644
--- a/royalesite.css
+++ b/royalesite.css
@@ -270,6 +270,12 @@ pre {
        position: absolute;
 }
 
+@media screen and (max-width: 720px) {
+       .tagline {
+               display: none;
+       }
+}
+
 .asf
 {
        text-align: center;
@@ -368,8 +374,15 @@ pre {
        }
 }
 
+@media screen and (max-width: 660px) {
+       .topMenu {
+               display: none;
+       }
+}
+
 .social {
-       display: inline;
+       /* hidden until these get hooked up */
+       display: none /* inline */;
        margin-top: 0px;
        height: 40px;
 }
@@ -385,7 +398,6 @@ pre {
        margin-left: 54px;
        margin-right: 54px;
        display: flex;
-       flex-wrap: wrap;
        justify-content: space-between;
 }
 
@@ -403,7 +415,7 @@ pre {
        font-size: 14px;
        font-weight: 600;
        font-family: 'Signika';
-       line-height: 70px;
+       line-height: 40px;
        letter-spacing: 1px;
 }