Skip to content

Commit

Permalink
build: update + migrate sass (#63)
Browse files Browse the repository at this point in the history
* build: update and migrate sass

* build: update parcel

* fix: typo
  • Loading branch information
rothsandro authored Nov 21, 2024
1 parent b07727a commit 952353d
Show file tree
Hide file tree
Showing 38 changed files with 2,679 additions and 2,448 deletions.
2 changes: 1 addition & 1 deletion .app/css/4-components/code-block.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import "npm:prism-themes/themes/prism-material-light.css";
@use "prism-themes/themes/prism-material-light.css";

.code-block {
position: relative;
Expand Down
2 changes: 1 addition & 1 deletion .app/css/app.amber.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.blue.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.brown.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.crimson.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.cyan.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.grass.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.green.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.indigo.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.iris.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.jade.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.lime.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.mint.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.orange.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.pink.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.plum.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.purple.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.red.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.ruby.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
48 changes: 24 additions & 24 deletions .app/css/app.scss
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
@import "./3-global/remedy";
@import "./3-global/theme-mode";
@import "./3-global/kbd";
@use "./3-global/remedy";
@use "./3-global/theme-mode";
@use "./3-global/kbd";

@import "./4-components/code-block";
@import "./4-components/icon-btn";
@import "./4-components/note-link";
@import "./4-components/toggle-btn";
@use "./4-components/code-block";
@use "./4-components/icon-btn";
@use "./4-components/note-link";
@use "./4-components/toggle-btn";

@import "./../lib/core/styles";
@import "./../lib/modules/callouts/styles";
@import "./../lib/modules/custom-props/styles";
@import "./../lib/modules/notes/styles";
@import "./../lib/modules/search/styles";
@import "./../lib/modules/sidebar/styles";
@import "./../lib/modules/tags/styles";
@import "./../lib/modules/themes/styles";
@import "./../lib/modules/toc/styles";
@import "./../lib/shared/styles";
@use "./../lib/core/styles" as core;
@use "./../lib/modules/callouts/styles" as callouts;
@use "./../lib/modules/custom-props/styles" as custom-props;
@use "./../lib/modules/notes/styles" as notes;
@use "./../lib/modules/search/styles" as search;
@use "./../lib/modules/sidebar/styles" as sidebar;
@use "./../lib/modules/tags/styles" as tags;
@use "./../lib/modules/themes/styles" as themes;
@use "./../lib/modules/toc/styles" as toc;
@use "./../lib/shared/styles" as shared;

@import "./5-utils/cloak";
@import "./5-utils/hide";
@import "./5-utils/inline";
@import "./5-utils/show";
@import "./5-utils/stack";
@import "./5-utils/visually-hidden";
@use "./5-utils/cloak";
@use "./5-utils/hide";
@use "./5-utils/inline";
@use "./5-utils/show";
@use "./5-utils/stack";
@use "./5-utils/visually-hidden";

@import "./../../app.styles.scss";
@use "./../../app.styles.scss";
2 changes: 1 addition & 1 deletion .app/css/app.sky.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.teal.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.tomato.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.violet.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
2 changes: 1 addition & 1 deletion .app/css/app.yellow.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

// DO NOT EDIT THIS FILE DIRECTLY.
// Update it by running "npm run themes:generate"
@use './app';

:root {
--font-family-default: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Expand Down Expand Up @@ -88,4 +89,3 @@
--callout-gray-bg: var(--light, #00000006) var(--dark, #ffffff09)
};

@import './app';
6 changes: 3 additions & 3 deletions .app/lib/core/styles/index.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
@import "./app-header.scss";
@import "./app-layout.scss";
@import "./page.scss";
@use "./app-header.scss";
@use "./app-layout.scss";
@use "./page.scss";
2 changes: 1 addition & 1 deletion .app/lib/modules/callouts/styles/index.scss
Original file line number Diff line number Diff line change
@@ -1 +1 @@
@import "./callouts.scss";
@use "./callouts.scss";
2 changes: 1 addition & 1 deletion .app/lib/modules/custom-props/styles/index.scss
Original file line number Diff line number Diff line change
@@ -1 +1 @@
@import "./custom-props.scss";
@use "./custom-props.scss";
4 changes: 2 additions & 2 deletions .app/lib/modules/notes/styles/index.scss
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
@import "./article.scss";
@import "./grouped-links.scss";
@use "./article.scss";
@use "./grouped-links.scss";
2 changes: 1 addition & 1 deletion .app/lib/modules/search/styles/index.scss
Original file line number Diff line number Diff line change
@@ -1 +1 @@
@import "./search.scss";
@use "./search.scss";
6 changes: 3 additions & 3 deletions .app/lib/modules/sidebar/styles/index.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
@import "./nav-group.scss";
@import "./nav-list.scss";
@import "./nav-section.scss";
@use "./nav-group.scss";
@use "./nav-list.scss";
@use "./nav-section.scss";
2 changes: 1 addition & 1 deletion .app/lib/modules/tags/styles/index.scss
Original file line number Diff line number Diff line change
@@ -1 +1 @@
@import "./tags-list.scss";
@use "./tags-list.scss";
2 changes: 1 addition & 1 deletion .app/lib/modules/themes/styles/index.scss
Original file line number Diff line number Diff line change
@@ -1 +1 @@
@import "./theme-switcher.scss";
@use "./theme-switcher.scss";
2 changes: 1 addition & 1 deletion .app/lib/modules/toc/styles/index.scss
Original file line number Diff line number Diff line change
@@ -1 +1 @@
@import "./toc.scss";
@use "./toc.scss";
2 changes: 1 addition & 1 deletion .app/lib/shared/styles.scss
Original file line number Diff line number Diff line change
@@ -1 +1 @@
@import "./skip-link/skip-link.scss";
@use "./skip-link/skip-link.scss";
Loading

0 comments on commit 952353d

Please sign in to comment.