Use SASS module system

Get rid of all the SASS warnings/errors when building.
This commit is contained in:
N-Pex 2025-05-13 22:38:10 +02:00
parent b2f4f1d492
commit b1d47748c8
120 changed files with 189 additions and 157 deletions

View file

@ -70,7 +70,10 @@ export default {
</script>
<style lang="scss">
@import "@/assets/css/chat.scss";
@use "@/assets/css/chat.scss" as *;
@use "@/assets/css/variables" as *;
@use "vuetify/settings" as *;
@use "sass:map";
/* Default implementation only dims background when fully open,
so we use our own flag (data-closed) here to that we can
@ -101,7 +104,7 @@ export default {
right: 0;
background-color: rgba(0, 0, 0, 0.15);
@media #{map-get($display-breakpoints, 'sm-and-down')} {
@media #{map.get($display-breakpoints, 'sm-and-down')} {
z-index: 10;
}
@ -119,7 +122,7 @@ export default {
left: 50%;
transform: translate(-50%, 0);
@media #{map-get($display-breakpoints, 'lg-and-up')} {
@media #{map.get($display-breakpoints, 'lg-and-up')} {
width: $dialog-desktop-width;
}
}