product category page: front-end sorting and filtering using turboframes

This commit is contained in:
elvira
2026-08-31 22:56:40 +03:00
parent b070a7d1e6
commit 8a07c772f8
20 changed files with 428 additions and 148 deletions
+6
View File
@@ -44,6 +44,12 @@ @layer base {
button:not(:disabled) {
cursor: pointer;
}
/* <turbo-frame> is a custom element — inline by default. Give it a box so
the grid it wraps on the category page lays out normally. */
turbo-frame {
display: block;
}
}
@keyframes spin {
+6 -6
View File
@@ -4,7 +4,7 @@ @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 300;
src: url("../fonts/manrope/manrope-v20-greek_latin-300.woff2")
src: url("/fonts/manrope/manrope-v20-greek_latin-300.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-regular - greek_latin */
@@ -13,7 +13,7 @@ @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
src: url("../fonts/manrope/manrope-v20-greek_latin-regular.woff2")
src: url("/fonts/manrope/manrope-v20-greek_latin-regular.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-500 - greek_latin */
@@ -22,7 +22,7 @@ @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
src: url("../fonts/manrope/manrope-v20-greek_latin-500.woff2")
src: url("/fonts/manrope/manrope-v20-greek_latin-500.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-600 - greek_latin */
@@ -31,7 +31,7 @@ @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
src: url("../fonts/manrope/manrope-v20-greek_latin-600.woff2")
src: url("/fonts/manrope/manrope-v20-greek_latin-600.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-700 - greek_latin */
@@ -40,7 +40,7 @@ @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
src: url("../fonts/manrope/manrope-v20-greek_latin-700.woff2")
src: url("/fonts/manrope/manrope-v20-greek_latin-700.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-800 - greek_latin */
@@ -49,6 +49,6 @@ @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 800;
src: url("../fonts/manrope/manrope-v20-greek_latin-800.woff2")
src: url("/fonts/manrope/manrope-v20-greek_latin-800.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}