Use SASS module system
Get rid of all the SASS warnings/errors when building.
This commit is contained in:
parent
b2f4f1d492
commit
b1d47748c8
120 changed files with 189 additions and 157 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue