blog

Log | Files | Refs

zmedia.css (1023B)

      1 @media screen and (max-width: 768px) {
      2     /* theme-vars */
      3     :root {
      4         --gap: 14px;
      5     }
      6 
      7     /* profile-mode */
      8     .profile img {
      9         transform: scale(0.85);
     10     }
     11 
     12     /* post-entry */
     13     .first-entry {
     14         min-height: 260px;
     15     }
     16 
     17     /* archive */
     18     .archive-month {
     19         flex-direction: column;
     20     }
     21 
     22     .archive-year {
     23         margin-top: 20px;
     24     }
     25 
     26     /* footer */
     27     .footer {
     28         padding: calc((var(--footer-height) - var(--gap) - 10px) / 2) var(--gap);
     29     }
     30 }
     31 
     32 /* footer */
     33 @media screen and (max-width: 900px) {
     34     .list .top-link {
     35         transform: translateY(-5rem);
     36     }
     37 }
     38 
     39 @media screen and (max-width: 340px) {
     40     .share-buttons {
     41         justify-content: unset;
     42     }
     43 }
     44 
     45 @media (prefers-reduced-motion) {
     46     /* terms; profile-mode; post-single; post-entry; post-entry; search; search */
     47     .terms-tags a:active,
     48     .button:active,
     49     .post-entry:active,
     50     .top-link,
     51     .searchResults .focus,
     52     .searchResults li:active {
     53         transform: none;
     54     }
     55 }