|
48 | 48 | {{/* Tailwind v4 output (cascade layers, nesting, oklch, range media queries) is |
49 | 49 | ignored by old browsers such as the PocketBook e-reader. Build a transpiled copy |
50 | 50 | for them, see postcss.config.js and assets/css/legacy.css. The lazy styles are |
51 | | - bundled in, so their unlayered rules keep winning over Tailwind's layers. */}} |
52 | | -{{ $stylesLegacy := slice $styles $stylesLazy (resources.Get "css/legacy.css") | resources.Concat "css/style-legacy.css" | css.PostCSS }} |
| 51 | + bundled in, so their unlayered rules keep winning over Tailwind's layers. |
| 52 | + Skipped if assets/css/legacy.css is missing. */}} |
| 53 | +{{ $stylesLegacy := false }} |
| 54 | +{{ with resources.Get "css/legacy.css" }} |
| 55 | + {{ $stylesLegacy = slice $styles $stylesLazy . | resources.Concat "css/style-legacy.css" | css.PostCSS }} |
| 56 | +{{ end }} |
53 | 57 |
|
54 | 58 | {{ if hugo.IsProduction }} |
55 | 59 | {{ $styles = $styles | minify | fingerprint }} |
56 | 60 | {{ $stylesLazy = $stylesLazy | minify | fingerprint }} |
57 | | - {{ $stylesLegacy = $stylesLegacy | minify | fingerprint }} |
| 61 | + {{ with $stylesLegacy }} |
| 62 | + {{ $stylesLegacy = . | minify | fingerprint }} |
| 63 | + {{ end }} |
58 | 64 | {{ end }} |
59 | 65 |
|
60 | 66 |
|
|
78 | 84 |
|
79 | 85 | <!-- swap to legacy style (includes the lazy style) if cascade layers are unsupported; |
80 | 86 | force with ?legacy-css --> |
| 87 | +{{ with $stylesLegacy }} |
81 | 88 | <script> |
82 | 89 | if (!window.CSSLayerBlockRule || /[?&]legacy-css\b/.test(location.search)) { |
83 | 90 | var lazyStyle = document.getElementById("lazy-style"); |
84 | 91 | var legacyStyle = document.createElement("link"); |
85 | 92 | legacyStyle.rel = "stylesheet"; |
86 | | - legacyStyle.href = "{{ $stylesLegacy.RelPermalink }}"; |
| 93 | + legacyStyle.href = "{{ .RelPermalink }}"; |
87 | 94 | lazyStyle.parentNode.insertBefore(legacyStyle, lazyStyle); |
88 | 95 | lazyStyle.onload = null; |
89 | 96 | lazyStyle.media = "not all"; |
90 | 97 | document.getElementById("main-style").media = "not all"; |
91 | 98 | } |
92 | 99 | </script> |
| 100 | +{{ end }} |
0 commit comments