fix: Solve/hide some Sass warnings in the terminal

incluud · Dec 11, 2024 · 00b5b6e · 00b5b6e
1 parent 5ff9d70
commit 00b5b6e
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 20 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -2,12 +2,28 @@ import { defineConfig } from 'astro/config'
 import mdx from '@astrojs/mdx'
 import tailwind from '@astrojs/tailwind'
 import compress from 'astro-compress'
-import icon from "astro-icon"
+import icon from 'astro-icon'
 
 // https://astro.build/config
 export default defineConfig({
   compressHTML: true,
-  integrations: [mdx(), icon(), tailwind({
-    applyBaseStyles: false,
-  }), compress()],
+  integrations: [
+    mdx(),
+    icon(),
+    tailwind({
+      applyBaseStyles: false,
+    }),
+    compress(),
+  ],
+  vite: {
+    css: {
+      preprocessorOptions: {
+        scss: {
+          logger: {
+            warn: () => {},
+          },
+        },
+      },
+    },
+  },
 })
diff --git a/src/assets/scss/base/_breakpoint.scss b/src/assets/scss/base/_breakpoint.scss
@@ -1,25 +1,26 @@
+@use 'sass:map';
+
 // | -------------------------------------------------------------
 // | Breakpoint
 // | -------------------------------------------------------------
 
 $breakpoints: (
-  "default": 0,
-  "small": 24em,
-  "medium": 48em,
-  "large": 75em
+  'default': 0,
+  'small': 24em,
+  'medium': 48em,
+  'large': 75em,
 ) !default;
 
 @mixin breakpoint($breakpoint) {
-  @if map-has-key($breakpoints, $breakpoint) {
-    @media (min-width: map-get($breakpoints, $breakpoint)) {
+  @if map.has-key($breakpoints, $breakpoint) {
+    @media (min-width: map.get($breakpoints, $breakpoint)) {
       @content;
     }
   } @else if (type_of($breakpoint) == number) {
-    @media (min-width: $breakpoint+"px") {
+    @media (min-width: $breakpoint+'px') {
       @content;
     }
-  }
-  @else {
+  } @else {
     @error "Not a correct value, check _base-breakpoints for available values.";
   }
 }
diff --git a/src/assets/scss/base/_font.scss b/src/assets/scss/base/_font.scss
@@ -6,7 +6,10 @@
 
 @font-face {
   font-family: 'Open Sans';
-  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
+  src:
+    local('Open Sans ExtraBold'),
+    local('OpenSans-ExtraBold'),
+    url('/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
     url('/fonts/OpenSans-ExtraBold.woff') format('woff');
   font-weight: bold;
   font-style: normal;
@@ -15,7 +18,10 @@
 
 @font-face {
   font-family: 'Open Sans';
-  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/OpenSans-Bold.woff2') format('woff2'),
+  src:
+    local('Open Sans Bold'),
+    local('OpenSans-Bold'),
+    url('/fonts/OpenSans-Bold.woff2') format('woff2'),
     url('/fonts/OpenSans-Bold.woff') format('woff');
   font-weight: bold;
   font-style: normal;
@@ -24,7 +30,10 @@
 
 @font-face {
   font-family: 'Open Sans';
-  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/fonts/OpenSans-Italic.woff2') format('woff2'),
+  src:
+    local('Open Sans Italic'),
+    local('OpenSans-Italic'),
+    url('/fonts/OpenSans-Italic.woff2') format('woff2'),
     url('/fonts/OpenSans-Italic.woff') format('woff');
   font-weight: normal;
   font-style: italic;
@@ -33,7 +42,10 @@
 
 @font-face {
   font-family: 'Open Sans';
-  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/fonts/OpenSans-Regular.woff2') format('woff2'),
+  src:
+    local('Open Sans Regular'),
+    local('OpenSans-Regular'),
+    url('/fonts/OpenSans-Regular.woff2') format('woff2'),
     url('/fonts/OpenSans-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
@@ -134,11 +146,11 @@ body {
     @include breakpoint(medium) {
       font-size: 1.25rem;
       line-height: 1.875rem;
-      h6 {
-        font-size: 1rem;
-      }
     }
+  }
 
+  h6 {
+    font-size: 1rem;
     line-height: 1.5rem;
 
     @include breakpoint(medium) {