Skip to content

Commit 996cfb9

Browse files
xbinaryxxbinaryx
authored
docs: migrate sass to module system (#19518)
1 parent dc854fd commit 996cfb9

2 files changed

Lines changed: 34 additions & 34 deletions

File tree

‎docs/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
"postcss-cli": "^10.0.0",
4949
"postcss-html": "^1.5.0",
5050
"prismjs": "^1.29.0",
51-
"sass": "^1.52.1",
51+
"sass": "^1.85.1",
5252
"stylelint": "^14.13.0",
5353
"stylelint-config-html": "^1.1.0",
5454
"stylelint-config-standard": "^29.0.0",

‎docs/src/assets/scss/styles.scss‎

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,37 @@
1-
@import "tokens/themes";
2-
@import "tokens/spacing";
3-
@import "tokens/typography";
4-
@import "tokens/ui";
5-
@import "tokens/opacity";
1+
@use "tokens/themes";
2+
@use "tokens/spacing";
3+
@use "tokens/typography";
4+
@use "tokens/ui";
5+
@use "tokens/opacity";
66

7-
@import "foundations";
8-
@import "syntax-highlighter";
9-
@import "docs-header";
10-
@import "docs-footer";
11-
@import "eslint-site-footer";
12-
@import "eslint-site-header";
13-
@import "forms";
14-
@import "docs";
15-
@import "versions";
16-
@import "languages";
7+
@use "foundations";
8+
@use "syntax-highlighter";
9+
@use "docs-header";
10+
@use "docs-footer";
11+
@use "eslint-site-footer";
12+
@use "eslint-site-header";
13+
@use "forms";
14+
@use "docs";
15+
@use "versions";
16+
@use "languages";
1717

18-
@import "components/buttons";
19-
@import "components/docs-navigation";
20-
@import "components/toc";
21-
@import "components/search";
22-
@import "components/alert";
23-
@import "components/rules";
24-
@import "components/social-icons";
25-
@import "components/hero";
26-
@import "components/theme-switcher";
27-
@import "components/version-switcher";
28-
@import "components/language-switcher";
29-
@import "components/docs-index"; // docs index on the main docs pages
30-
@import "components/index"; // used in component library
31-
@import "components/tabs";
32-
@import "components/resources";
33-
@import "components/logo";
18+
@use "components/buttons";
19+
@use "components/docs-navigation";
20+
@use "components/toc";
21+
@use "components/search";
22+
@use "components/alert";
23+
@use "components/rules";
24+
@use "components/social-icons";
25+
@use "components/hero";
26+
@use "components/theme-switcher";
27+
@use "components/version-switcher";
28+
@use "components/language-switcher";
29+
@use "components/docs-index"; // docs index on the main docs pages
30+
@use "components/index"; // used in component library
31+
@use "components/tabs";
32+
@use "components/resources";
33+
@use "components/logo";
3434

35-
@import "ads";
35+
@use "ads";
3636

37-
@import "utilities";
37+
@use "utilities";

0 commit comments

Comments
 (0)