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  }