mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 07:18:57 +00:00
refactor(assets): simplify breakpoints and update UnoCSS CLI config
- Refactor SCSS breakpoints to flat min-width values (680/960/1200/1440) with _bp-max helper deriving ranges from adjacent breakpoints - Add 'xs': null to breakpoints map, remove special-case handling - Update responsive image sizes to match exact breakpoint max values - Add print:hidden to UnoCSS safelist as replacement for d-none-print - Move UnoCSS CLI config to cli.entry in uno.config.ts - Rename css:build → unocss, css:dev → unocss:watch - Update documentation (CLAUDE.md, CONTRIBUTING.md, copilot-instructions.md)
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
{{- hugo.Store.Set "version" "v1.0.0-mqt0ysyp" -}}
|
||||
{{- hugo.Store.Set "version" "v1.0.0-mqw3lkj1" -}}
|
||||
{{- .Store.Set "this" dict -}}
|
||||
|
||||
{{- partial "init/detection-env.html" . -}}
|
||||
|
||||
@@ -151,7 +151,7 @@
|
||||
(dict "Process" "resize 1200x webp" "descriptor" "1200w")
|
||||
(dict "Process" "resize 1600x webp" "descriptor" "1600w")
|
||||
-}}
|
||||
{{- dict "Src" $image "Title" $.Description "Resources" .Resources "Matches" $matches "Loading" "eager" "Sizes" "(max-width: 680px) 100vw, (max-width: 960px) 80vw, (max-width: 1440px) 56vw, 800px" "OptimConfig" $optim | partial "plugin/image.html" -}}
|
||||
{{- dict "Src" $image "Title" $.Description "Resources" .Resources "Matches" $matches "Loading" "eager" "Sizes" "(max-width: 679.9px) 100vw, (max-width: 959.9px) 80vw, (max-width: 1439.9px) 56vw, 800px" "OptimConfig" $optim | partial "plugin/image.html" -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
(dict "Process" "fill 1200x504 Center webp" "descriptor" "1200w")
|
||||
(dict "Process" "fill 1600x672 Center webp" "descriptor" "1600w")
|
||||
-}}
|
||||
{{- dict "Src" $image "Title" $.Title "Resources" $.Resources "Matches" $matches "Loading" "eager" "Width" "800" "Height" "336" "Sizes" "(max-width: 680px) 100vw, (max-width: 960px) 80vw, (max-width: 1440px) 56vw, 800px" "OptimConfig" $optim "Alt" (printf "Featured image for %v" $.Title) | partial "plugin/image.html" -}}
|
||||
{{- dict "Src" $image "Title" $.Title "Resources" $.Resources "Matches" $matches "Loading" "eager" "Width" "800" "Height" "336" "Sizes" "(max-width: 679.9px) 100vw, (max-width: 959.9px) 80vw, (max-width: 1439.9px) 56vw, 800px" "OptimConfig" $optim "Alt" (printf "Featured image for %v" $.Title) | partial "plugin/image.html" -}}
|
||||
</a>
|
||||
</div>
|
||||
{{- end -}}
|
||||
|
||||
Reference in New Issue
Block a user