github.com/pbberlin/go-pwa@v0.0.0-20220328105622-7c26e0ca1ab8/app-bucket/css/styles-mobile.css (about) 1 /* 2 =========================================== 3 generic changes for mobile - except nav 4 =========================================== 5 */ 6 7 8 /* very big display => enlarge */ 9 @media screen and (min-width: 1280px) and (min-height: 920px) { 10 html { 11 /* has no effect, if chrome browser not at 100 percent zoom */ 12 zoom: 120%; 13 } 14 } 15 16 17 @media screen and (max-width: 800px) { 18 19 :root { 20 font-size: clamp(0.95rem, calc(0.8rem + ((1vw - .48rem) * 1.2)), 1.05rem); 21 } 22 23 * { 24 line-height: 135%; /* instead of 135% */ 25 } 26 27 .page-static { 28 max-width: unset; 29 margin: 0 0.8rem 30 } 31 32 33 label, .postlabel { 34 min-width: unset; 35 } 36 37 label { 38 margin-right: 0.01rem; 39 } 40 41 .postlabel { 42 margin-left: 0.01rem; 43 } 44 45 nav a.logo .logo-img-desktop { 46 display: none; 47 } 48 49 nav a.logo .logo-img-mobile { 50 display: inline-block; 51 } 52 53 54 nav a.title { 55 font-size: 80%; 56 } 57 58 ol.progress { 59 display: none; 60 } 61 62 63 }