fix: migrate deprecated scss code

johannes-huther · johannes-huther · commit deaabc09f655 · 2026-02-03T22:49:20.000+01:00
Migrate scss code that is deprecated in newer sass versions.
diff --git a/src/components/CCard.vue b/src/components/CCard.vue
@@ -348,7 +348,8 @@ const emit = defineEmits<{
 </script>
 
 <style scoped lang="scss">
-@import "vuetify/lib/styles/settings/variables";
+@use "vuetify/lib/styles/settings/variables";
+@use "sass:map";
 
 .c-card {
   &.c-card--variant--bottom-sheet {
@@ -365,11 +366,11 @@ const emit = defineEmits<{
   .v-card-title.large {
     line-height: normal;
 
-    @media (max-width: map-get($grid-breakpoints, "md")) {
+    @media (max-width: map.get(variables.$grid-breakpoints, "md")) {
       font-size: 26px !important;
     }
 
-    @media (min-width: map-get($grid-breakpoints, "md")) {
+    @media (min-width: map.get(variables.$grid-breakpoints, "md")) {
       font-size: 30px !important;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -348,7 +348,8 @@ const emit = defineEmits<{`
`348`	`348`	`</script>`
`349`	`349`
`350`	`350`	`<style scoped lang="scss">`
`351`		`-@import "vuetify/lib/styles/settings/variables";`
	`351`	`+@use "vuetify/lib/styles/settings/variables";`
	`352`	`+@use "sass:map";`
`352`	`353`
`353`	`354`	`.c-card {`
`354`	`355`	`&.c-card--variant--bottom-sheet {`
`@@ -365,11 +366,11 @@ const emit = defineEmits<{`
`365`	`366`	`.v-card-title.large {`
`366`	`367`	`line-height: normal;`
`367`	`368`
`368`		`- @media (max-width: map-get($grid-breakpoints, "md")) {`
	`369`	`+ @media (max-width: map.get(variables.$grid-breakpoints, "md")) {`
`369`	`370`	`font-size: 26px !important;`
`370`	`371`	`}`
`371`	`372`
`372`		`- @media (min-width: map-get($grid-breakpoints, "md")) {`
	`373`	`+ @media (min-width: map.get(variables.$grid-breakpoints, "md")) {`
`373`	`374`	`font-size: 30px !important;`
`374`	`375`	`}`
`375`	`376`	`}`