From e426870b46d049861c880dfa108277da9cbb7fc5 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Sat, 31 Dec 2016 07:04:14 +0100 Subject: css etc --- studio-susie/public/assets/css/css.css | 21 +++++++++-- studio-susie/templates/index.liquid | 67 +++++++++++++++++++++++++++++++--- 2 files changed, 79 insertions(+), 9 deletions(-) diff --git a/studio-susie/public/assets/css/css.css b/studio-susie/public/assets/css/css.css index 4af1a9a..353f3cd 100644 --- a/studio-susie/public/assets/css/css.css +++ b/studio-susie/public/assets/css/css.css @@ -35,7 +35,7 @@ h1, h2 { background-repeat: no-repeat; background-position: center center; } -.mobile .section.contain { +.mobile .section { background-size: contain; } @@ -44,7 +44,7 @@ h1, h2 { top: 10px; left: 10px; z-index: 2; - background: rgba(255,255,255,0.8); + background: rgba(255,255,255,0.9); padding: 20px; } #nav b { @@ -168,12 +168,12 @@ h1, h2 { -webkit-overflow-scrolling: touch; overflow-y: scroll; width: 100vw; - height: 100vw; + height: 100vh; text-align: center; opacity: 0; transition: opacity 600ms; pointer-events: none; - padding: 10vw 10vw 40vw 10vw; + padding: 10vw 10vw 20vw 10vw; } .listopen #list { @@ -236,4 +236,17 @@ h1, h2 { } @media (max-width: 700px) { + body, + #nav b { + font-size: 14px; + } + #mobile-nav { + top: auto; + bottom: 10px; left: 10px; + } + #close { + top: 20px; right: 20px; + width: 40px; + height: 40px; + } } diff --git a/studio-susie/templates/index.liquid b/studio-susie/templates/index.liquid index c88e893..23c9c2c 100644 --- a/studio-susie/templates/index.liquid +++ b/studio-susie/templates/index.liquid @@ -1,5 +1,67 @@ @@ -61,11 +123,6 @@ {% endfor %} -
-
- -
-
-- cgit v1.2.3-70-g09d2