Fix warnings: migrate sass version to v3.0+

yasulab · yasulab · commit 28387781c5cf · 2025-05-11T15:55:54.000+09:00
diff --git a/_sass/components/aboutdojocon.scss b/_sass/components/aboutdojocon.scss
@@ -1,3 +1,4 @@
+@use '../global/variables' as *;
 .aboutdojocon {
   &-bg {
     background: url("/img/aboutdojocon/aboutdojocon-bg.jpg") no-repeat center center;
diff --git a/_sass/components/staff.scss b/_sass/components/staff.scss
@@ -1,3 +1,5 @@
+@use '../global/variables' as *;
+
 .staff {
   background: #FBF6FA;
   padding: 48px 0;
diff --git a/_sass/global/base.scss b/_sass/global/base.scss
@@ -1,5 +1,7 @@
 /* the definition of the common style */
 
+@use 'variables' as *;
+
 html {
   scroll-behavior: smooth;
 }
diff --git a/_sass/global/variables.scss b/_sass/global/variables.scss
@@ -6,6 +6,9 @@ $yellow: #DABC00;
 $black: #2C0303;
 $white: #fff;
 
+// LAYOUT
+$navbar: 60px;
+
 // COLOR SET
 $main-color: $red;
 $secondary-color: $purple;
@@ -21,4 +24,4 @@ $color-line: #00bb00;
 // その他のカラーセットについてはBootstrapのCSS カスタムプロパティも参照してください。
 // かなり多くのカラーが定義されています。
 // https://getbootstrap.jp/docs/5.3/customize/color/
-// 利用例: background-color: var(--bs-orange);
+// 利用例: background-color: var(--bs-orange); 
diff --git a/_sass/includes/articles.scss b/_sass/includes/articles.scss
@@ -1,3 +1,5 @@
+@use '../global/variables' as *;
+
 /* stylesheet for `_includes/articles.html` */
 
 .article {
diff --git a/_sass/includes/footer.scss b/_sass/includes/footer.scss
@@ -1,3 +1,5 @@
+@use '../global/variables' as *;
+
 /* stylesheet for `_includes/footer.html` */
 
 footer {
diff --git a/_sass/includes/navbar.scss b/_sass/includes/navbar.scss
@@ -1,3 +1,5 @@
+@use '../global/variables' as *;
+
 /* stylesheet for `_includes/navbar.html` */
 
 .navbar-light .navbar-nav .active>.nav-link,
diff --git a/_sass/layouts/page.scss b/_sass/layouts/page.scss
@@ -1,3 +1,5 @@
+@use '../global/variables' as *;
+
 /* stylesheet for `_layouts/page.html` */
 
 // 規約ページスタイル
diff --git a/_sass/layouts/post.scss b/_sass/layouts/post.scss
@@ -1,3 +1,5 @@
+@use '../global/variables' as *;
+
 /* stylesheet for `_layouts/post.html` */
 
 .post {
diff --git a/_sass/pages/index.scss b/_sass/pages/index.scss
@@ -1,3 +1,5 @@
+@use '../global/variables' as *;
+
 /* stylesheet for `index.md` */
 .top {
   position: relative;
diff --git a/css/main.scss b/css/main.scss
@@ -1,40 +1,34 @@
 ---
-
 ---
 
-$navbar: 60px;
-
-
-//Webフォント読み込み
-@import url('https://fonts.googleapis.com/css?family=Concert+One|Noto+Sans+JP:400,900|Roboto:400,900|M+PLUS+Rounded+1c:400,800&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&display=swap');
-
-@import 'global/variables';
-@import 'global/base';
-@import 'global/tablet';
-@import 'global/mobile';
-
-
-@import 'includes/articles';
-@import 'includes/sessions';
+@use 'sass:math';
+@use 'global/variables' as *;
+@use 'global/base';
+@use 'global/tablet';
+@use 'global/mobile';
 
-@import 'layouts/default';
-@import 'layouts/page';
-@import 'layouts/post';
+@use 'includes/articles';
+@use 'includes/sessions' as includesSessions;
 
-@import 'pages/events';
-@import 'pages/index';
-@import 'pages/sessions';
-@import 'pages/workshop';
-@import 'pages/sponsors';
+@use 'layouts/default';
+@use 'layouts/page';
+@use 'layouts/post';
 
+@use 'pages/events';
+@use 'pages/index';
+@use 'pages/sessions' as pagesSessions;
+@use 'pages/workshop';
+@use 'pages/sponsors';
 
-@import 'includes/navbar';
-@import 'includes/footer';
-@import 'custom';
+@use 'includes/navbar';
+@use 'includes/footer';
+@use 'custom';
 
+@use 'components/aboutcoderdojo';
+@use 'components/aboutdojocon';
+@use 'components/fukidashi';
+@use 'components/staff';
 
-@import 'components/aboutcoderdojo';
-@import 'components/aboutdojocon';
-@import 'components/fukidashi';
-@import 'components/staff';
+//Webフォント読み込み
+@import url('https://fonts.googleapis.com/css?family=Concert+One|Noto+Sans+JP:400,900|Roboto:400,900|M+PLUS+Rounded+1c:400,800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&display=swap');

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+@use '../global/variables' as *;`
`1`	`2`	`.aboutdojocon {`
`2`	`3`	`&-bg {`
`3`	`4`	`background: url("/img/aboutdojocon/aboutdojocon-bg.jpg") no-repeat center center;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use '../global/variables' as *;`
	`2`	`+`
`1`	`3`	`.staff {`
`2`	`4`	`background: #FBF6FA;`
`3`	`5`	`padding: 48px 0;`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,7 @@`
`1`	`1`	`/* the definition of the common style */`
`2`	`2`
	`3`	`+@use 'variables' as *;`
	`4`	`+`
`3`	`5`	`html {`
`4`	`6`	`scroll-behavior: smooth;`
`5`	`7`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use '../global/variables' as *;`
	`2`	`+`
`1`	`3`	/* stylesheet for `_includes/articles.html` */
`2`	`4`
`3`	`5`	`.article {`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use '../global/variables' as *;`
	`2`	`+`
`1`	`3`	/* stylesheet for `_includes/footer.html` */
`2`	`4`
`3`	`5`	`footer {`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use '../global/variables' as *;`
	`2`	`+`
`1`	`3`	/* stylesheet for `_includes/navbar.html` */
`2`	`4`
`3`	`5`	`.navbar-light .navbar-nav .active>.nav-link,`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use '../global/variables' as *;`
	`2`	`+`
`1`	`3`	/* stylesheet for `_layouts/page.html` */
`2`	`4`
`3`	`5`	`// 規約ページスタイル`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use '../global/variables' as *;`
	`2`	`+`
`1`	`3`	/* stylesheet for `_layouts/post.html` */
`2`	`4`
`3`	`5`	`.post {`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use '../global/variables' as *;`
	`2`	`+`
`1`	`3`	/* stylesheet for `index.md` */
`2`	`4`	`.top {`
`3`	`5`	`position: relative;`