From 7e3026713841cf5c7614cdd631e9a7290c9a4932 Mon Sep 17 00:00:00 2001 From: Jan Nielsen Date: Mon, 29 Sep 2025 21:54:12 +0000 Subject: [PATCH] Migrate deprecated Sass @imports to @use. --- .../course-category-combobox.component.scss | 9 ++++----- src/app/course/course.component.scss | 2 -- .../courses-card-list/courses-card-list.component.scss | 4 ++-- .../edit-course-dialog/edit-course-dialog.component.scss | 8 ++++---- src/app/home/home.component.scss | 4 ++-- .../lessons/lesson-detail/lesson-detail.component.scss | 9 ++++----- src/app/lessons/lessons.component.scss | 9 ++++----- src/app/linked-signal/linked-signal-demo.component.scss | 9 ++++----- src/app/login/login.component.scss | 8 ++++---- src/app/resource-demo/resource-demo.component.scss | 9 ++++----- 10 files changed, 32 insertions(+), 39 deletions(-) diff --git a/src/app/course-category-combobox/course-category-combobox.component.scss b/src/app/course-category-combobox/course-category-combobox.component.scss index 006c2ea..0b4f55e 100644 --- a/src/app/course-category-combobox/course-category-combobox.component.scss +++ b/src/app/course-category-combobox/course-category-combobox.component.scss @@ -1,6 +1,5 @@ -@import "../../styles/button"; -@import "../../styles/forms"; - -@include buttonStyles(); -@include formStyles(); +@use "../../styles/button" as button; +@use "../../styles/forms" as forms; +@include button.buttonStyles(); +@include forms.formStyles(); diff --git a/src/app/course/course.component.scss b/src/app/course/course.component.scss index 14dbf6a..c18f154 100644 --- a/src/app/course/course.component.scss +++ b/src/app/course/course.component.scss @@ -1,6 +1,4 @@ -@import "../../styles/table"; - .course-container { max-width: 400px; margin: 0 auto; diff --git a/src/app/courses-card-list/courses-card-list.component.scss b/src/app/courses-card-list/courses-card-list.component.scss index 0046884..b864067 100644 --- a/src/app/courses-card-list/courses-card-list.component.scss +++ b/src/app/courses-card-list/courses-card-list.component.scss @@ -1,6 +1,6 @@ -@import "../../styles/button"; +@use "../../styles/button" as button; -@include buttonStyles(); +@include button.buttonStyles(); .course-card { margin: 20px 10px; diff --git a/src/app/edit-course-dialog/edit-course-dialog.component.scss b/src/app/edit-course-dialog/edit-course-dialog.component.scss index ab66fe8..13bf33f 100644 --- a/src/app/edit-course-dialog/edit-course-dialog.component.scss +++ b/src/app/edit-course-dialog/edit-course-dialog.component.scss @@ -1,8 +1,8 @@ -@import "../../styles/button"; -@import "../../styles/forms"; +@use "../../styles/button" as button; +@use "../../styles/forms" as forms; -@include buttonStyles(); -@include formStyles(); +@include button.buttonStyles(); +@include forms.formStyles(); .edit-course-form { display: flex; diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss index 8b4362f..57513f9 100644 --- a/src/app/home/home.component.scss +++ b/src/app/home/home.component.scss @@ -1,6 +1,6 @@ -@import "../../styles/button"; +@use "../../styles/button" as button; -@include buttonStyles(); +@include button.buttonStyles(); .courses-panel { max-width: 400px; diff --git a/src/app/lessons/lesson-detail/lesson-detail.component.scss b/src/app/lessons/lesson-detail/lesson-detail.component.scss index e7d50ea..65b8da0 100644 --- a/src/app/lessons/lesson-detail/lesson-detail.component.scss +++ b/src/app/lessons/lesson-detail/lesson-detail.component.scss @@ -1,9 +1,8 @@ -@import "../../../styles/button"; -@import "../../../styles/forms"; - -@include buttonStyles(); -@include formStyles(); +@use "../../../styles/button" as button; +@use "../../../styles/forms" as forms; +@include button.buttonStyles(); +@include forms.formStyles(); .lesson-detail { max-width: 600px; diff --git a/src/app/lessons/lessons.component.scss b/src/app/lessons/lessons.component.scss index aa1ea57..14a9455 100644 --- a/src/app/lessons/lessons.component.scss +++ b/src/app/lessons/lessons.component.scss @@ -1,9 +1,8 @@ -@import "../../styles/button"; -@import "../../styles/forms"; -@import "../../styles/table"; +@use "../../styles/button" as button; +@use "../../styles/forms" as forms; -@include buttonStyles(); -@include formStyles(); +@include button.buttonStyles(); +@include forms.formStyles(); .lessons { max-width: 400px; diff --git a/src/app/linked-signal/linked-signal-demo.component.scss b/src/app/linked-signal/linked-signal-demo.component.scss index 86622a2..30e5517 100644 --- a/src/app/linked-signal/linked-signal-demo.component.scss +++ b/src/app/linked-signal/linked-signal-demo.component.scss @@ -1,9 +1,8 @@ +@use "../../styles/button" as button; +@use "../../styles/forms" as forms; -@import "../../styles/button"; -@import "../../styles/forms"; - -@include buttonStyles(); -@include formStyles(); +@include button.buttonStyles(); +@include forms.formStyles(); .demo-container { max-width: 400px; diff --git a/src/app/login/login.component.scss b/src/app/login/login.component.scss index 5a1f0f2..a609574 100644 --- a/src/app/login/login.component.scss +++ b/src/app/login/login.component.scss @@ -1,8 +1,8 @@ -@import "../../styles/forms"; -@import "../../styles/button"; +@use "../../styles/button" as button; +@use "../../styles/forms" as forms; -@include formStyles(); -@include buttonStyles(); +@include button.buttonStyles(); +@include forms.formStyles(); .login-form { display: flex; diff --git a/src/app/resource-demo/resource-demo.component.scss b/src/app/resource-demo/resource-demo.component.scss index 0b931d0..ff43aa1 100644 --- a/src/app/resource-demo/resource-demo.component.scss +++ b/src/app/resource-demo/resource-demo.component.scss @@ -1,9 +1,8 @@ -@import "../../styles/button"; -@import "../../styles/forms"; -@import "../../styles/table"; +@use "../../styles/button" as button; +@use "../../styles/forms" as forms; -@include buttonStyles(); -@include formStyles(); +@include button.buttonStyles(); +@include forms.formStyles(); .demo-container { max-width: 400px;