diff --git a/sass/desktop.sass b/sass/desktop.sass index 2368ca7..ad50b11 100644 --- a/sass/desktop.sass +++ b/sass/desktop.sass @@ -2,36 +2,36 @@ // 1. Configuration and helpers -@import abstracts/variables -@import abstracts/mixins +@use "abstracts/variables" +@use "abstracts/mixins" // 2. Vendors -@import vendors/normalize +@use "vendors/normalize" // 3. Base stuff -@import base/base -@import base/fonts -@import base/typography -@import base/helpers +@use "base/base" +@use "base/fonts" +@use "base/typography" +@use "base/helpers" // 4. Layout-related sections -@import desktop/layout/header -@import desktop/layout/footer +@use "desktop/layout/header" +@use "desktop/layout/footer" // 5. Components -@import desktop/components/alert -@import desktop/components/button +@use "desktop/components/alert" +@use "desktop/components/button" // 6. Page-specific styles -@import desktop/pages/home -@import desktop/pages/contact +@use "desktop/pages/home" +@use "desktop/pages/contact" // 7. Themes -@import themes/light -@import themes/dark +@use "themes/light" +@use "themes/dark" diff --git a/sass/desktop/pages/_contact.sass b/sass/desktop/pages/_contact.sass new file mode 100644 index 0000000..e69de29 diff --git a/sass/mobile.sass b/sass/mobile.sass index 3e08b25..df0b981 100644 --- a/sass/mobile.sass +++ b/sass/mobile.sass @@ -2,36 +2,36 @@ // 1. Configuration and helpers -@import abstracts/variables -@import abstracts/mixins +@use "abstracts/variables" +@use "abstracts/mixins" // 2. Vendors -@import vendors/normalize +@use "vendors/normalize" // 3. Base stuff -@import base/base -@import base/fonts -@import base/typography -@import base/helpers +@use "base/base" +@use "base/fonts" +@use "base/typography" +@use "base/helpers" // 4. Layout-related sections -@import mobile/layout/header -@import mobile/layout/footer +@use "mobile/layout/header" +@use "mobile/layout/footer" // 5. Components -@import mobile/components/alert -@import mobile/components/button +@use "mobile/components/alert" +@use "mobile/components/button" // 6. Page-specific styles -@import mobile/pages/home -@import mobile/pages/contact +@use "mobile/pages/home" +@use "mobile/pages/contact" // 7. Themes -@import themes/light -@import themes/dark +@use "themes/light" +@use "themes/dark" diff --git a/sass/mobile/pages/_contact.sass b/sass/mobile/pages/_contact.sass new file mode 100644 index 0000000..e69de29