fixed image height & js formatting

.gitignore

@@ -10,3 +10,4 @@ node_modules/
 # Generated
 .cache/
 liquet/dist/
+liquet.zip

liquet/style.css

@@ -2,7 +2,7 @@
 Theme Name: Liquet
 Author: Niccolo Borgioli
 Description: Minimalistic clean theme
-Version: 0.15
+Version: 0.17
 License: MIT
 Tags: minimal, simple, typography, clean
 Author URI: https://nicco.io

package.json

@@ -4,6 +4,11 @@
     "dev": "parcel watch --no-hmr --no-source-maps -d liquet/dist ./src/js/index.js ./src/styles/index.styl",
     "build": "rm -rf ./liquet/dist && parcel build --no-source-maps -d liquet/dist ./src/js/index.js ./src/styles/index.styl"
   },
+  "browserslist": [
+    "last 2 chrome versions",
+    "last 2 safari versions",
+    "last 2 firefox versions"
+  ],
   "dependencies": {
     "@swup/preload-plugin": "1.0.x",
     "jquery": "^3.4.1",

src/js/lazy.js

@@ -7,7 +7,6 @@ export default () => {
   let page = WPParams.lazy.current_page
 
   function load() {
-
     const pixelToBottom = this.scrollHeight - (this.scrollTop + this.clientHeight)
 
     if (!loading && pixelToBottom < bottomOffset) {
@@ -16,9 +15,7 @@ export default () => {
       $.ajax({
         url: WPParams.lazy.ajaxurl,
         data: {
-                    name: window.location.pathname
-                        .replace(/(\/\d+){3}\//, '')
-                        .replace(/\/$/, ''),
+          name: window.location.pathname.replace(/(\/\d+){3}\//, '').replace(/\/$/, ''),
           action: 'lazy_load',
           page,
         },
@@ -29,7 +26,7 @@ export default () => {
             page++
             loading = false
           }
-                }
+        },
       })
     }
   }

src/js/lights.js

@@ -19,7 +19,7 @@ export default () => {
 
   if (isDark()) off()
 
-    window.toggleLights = () => isDark() ? on() : off()
+  window.toggleLights = () => (isDark() ? on() : off())
 
   // Focus scrolling
   document.addEventListener('DOMContentLoaded', () => {

src/js/swup.js

@@ -5,7 +5,7 @@ export default (fn) => {
   const swup = new Swup({
     linkSelector: `a[href^="${window.location.origin}"]:not([data-no-swup]), a[href^="/"]:not([data-no-swup])`,
     plugins: [new SwupPreloadPlugin()],
-        containers: ['#app']
+    containers: ['#app'],
   })
 
   swup.on('contentReplaced', fn)

src/styles/singular.styl

@@ -86,6 +86,10 @@
         display: inline-block
         font-size: 105%
 
+    figure
+      img
+        height: 100%
+
   .links
     & > div
       transform rotate(180deg) scale(1)