kodev-org
/
vikunja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore(frontend): replace deprecated sass imports

This commit is contained in:
kolaente 2025-06-12 12:41:26 +02:00
parent b41665b6e4
commit 0b7af0e6f6
5 changed files with 54 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/styles/common-imports.scss
View File

@ -13,7 +13,7 @@
$family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif; $family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif;
// the default values get overwritten by the definitions above // the default values get overwritten by the definitions above
@import "bulma-css-variables/sass/utilities/_all"; @use "bulma-css-variables/sass/utilities/_all" as *;
// since $tablet is defined by bulma we can just define it after importing the utilities // since $tablet is defined by bulma we can just define it after importing the utilities
$mobile: math.div($tablet, 2); $mobile: math.div($tablet, 2);

8
frontend/src/styles/components/_index.scss
View File

@ -1,4 +1,4 @@
@import "tooltip"; @forward "tooltip";
@import "labels"; @forward "labels";
@import "task"; @forward "task";
@import "tasks"; @forward "tasks";

4
frontend/src/styles/custom-properties/_index.scss
View File

@ -1,2 +1,2 @@
@import "colors"; @forward "colors";
@import "shadows"; @forward "shadows";

74
frontend/src/styles/global.scss
View File

@ -2,9 +2,9 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@import "fonts"; @use "fonts" as *;
@import "transitions"; @use "transitions" as *;
// ################### // ###################
// START BULMA IMPORTS // START BULMA IMPORTS
@ -15,66 +15,66 @@
// imported globally in common-imports.scss // imported globally in common-imports.scss
// imports from "bulma-css-variables/sass/base/_all"; // imports from "bulma-css-variables/sass/base/_all";
@import "bulma-css-variables/sass/base/minireset"; @use "bulma-css-variables/sass/base/minireset" as *;
@import "bulma-css-variables/sass/base/generic"; @use "bulma-css-variables/sass/base/generic" as *;
@import "bulma-css-variables/sass/base/animations"; @use "bulma-css-variables/sass/base/animations" as *;
// imports from "bulma-css-variables/sass/elements/_all"; // imports from "bulma-css-variables/sass/elements/_all";
@import "bulma-css-variables/sass/elements/box"; @use "bulma-css-variables/sass/elements/box" as *;
@import "bulma-css-variables/sass/elements/button"; @use "bulma-css-variables/sass/elements/button" as *;
@import "bulma-css-variables/sass/elements/container"; @use "bulma-css-variables/sass/elements/container" as *;
@import "bulma-css-variables/sass/elements/content"; @use "bulma-css-variables/sass/elements/content" as *;
@import "bulma-css-variables/sass/elements/icon"; @use "bulma-css-variables/sass/elements/icon" as *;
@import "bulma-css-variables/sass/elements/image"; @use "bulma-css-variables/sass/elements/image" as *;
//@import "bulma-css-variables/sass/elements/notification"; // not used //@import "bulma-css-variables/sass/elements/notification"; // not used
// @import "bulma-css-variables/sass/elements/progress"; // not used // @import "bulma-css-variables/sass/elements/progress"; // not used
@import "bulma-css-variables/sass/elements/table"; @use "bulma-css-variables/sass/elements/table" as *;
@import "bulma-css-variables/sass/elements/tag"; @use "bulma-css-variables/sass/elements/tag" as *;
@import "bulma-css-variables/sass/elements/title"; @use "bulma-css-variables/sass/elements/title" as *;
@import "bulma-css-variables/sass/elements/other"; @use "bulma-css-variables/sass/elements/other" as *;
// imports from "bulma-css-variables/sass/form/_all"; // imports from "bulma-css-variables/sass/form/_all";
@import "bulma-css-variables/sass/form/shared"; @use "bulma-css-variables/sass/form/shared" as *;
@import "bulma-css-variables/sass/form/input-textarea"; @use "bulma-css-variables/sass/form/input-textarea" as *;
@import "bulma-css-variables/sass/form/checkbox-radio"; @use "bulma-css-variables/sass/form/checkbox-radio" as *;
@import "bulma-css-variables/sass/form/select"; @use "bulma-css-variables/sass/form/select" as *;
@import "bulma-css-variables/sass/form/file"; @use "bulma-css-variables/sass/form/file" as *;
@import "bulma-css-variables/sass/form/tools"; @use "bulma-css-variables/sass/form/tools" as *;
// imports from "bulma-css-variables/sass/components/_all"; // imports from "bulma-css-variables/sass/components/_all";
// @import "bulma-css-variables/sass/components/breadcrumb"; // not used // @import "bulma-css-variables/sass/components/breadcrumb"; // not used
@import "bulma-css-variables/sass/components/card"; @use "bulma-css-variables/sass/components/card" as *;
// @import "bulma-css-variables/sass/components/dropdown"; // moved to component // @import "bulma-css-variables/sass/components/dropdown"; // moved to component
// @import "bulma-css-variables/sass/components/level"; // not used // @import "bulma-css-variables/sass/components/level"; // not used
@import "bulma-css-variables/sass/components/media"; @use "bulma-css-variables/sass/components/media"; as *;
@import "bulma-css-variables/sass/components/menu"; @use "bulma-css-variables/sass/components/menu" as *;
//@import "bulma-css-variables/sass/components/message"; // not used //@import "bulma-css-variables/sass/components/message"; // not used
@import "bulma-css-variables/sass/components/modal"; @use "bulma-css-variables/sass/components/modal" as *;
@import "bulma-css-variables/sass/components/navbar"; @use "bulma-css-variables/sass/components/navbar" as *;
@import "bulma-css-variables/sass/components/pagination"; @use "bulma-css-variables/sass/components/pagination" as *;
// @import "bulma-css-variables/sass/components/panel"; // not used // @import "bulma-css-variables/sass/components/panel"; // not used
// @import "bulma-css-variables/sass/components/tabs"; // not used // @import "bulma-css-variables/sass/components/tabs"; // not used
// imports from "bulma-css-variables/sass/grid/_all"; // imports from "bulma-css-variables/sass/grid/_all";
@import "bulma-css-variables/sass/grid/columns"; @use "bulma-css-variables/sass/grid/columns" as *;
// @import "bulma-css-variables/sass/grid/tiles"; // not used // @import "bulma-css-variables/sass/grid/tiles"; // not used
// imports from "bulma-css-variables/sass/helpers/_all"; // imports from "bulma-css-variables/sass/helpers/_all";
@import "bulma-css-variables/sass/helpers/color"; @use "bulma-css-variables/sass/helpers/color" as *;
@import "bulma-css-variables/sass/helpers/flexbox"; @use "bulma-css-variables/sass/helpers/flexbox" as *;
@import "bulma-css-variables/sass/helpers/float"; @use "bulma-css-variables/sass/helpers/float" as *;
// @import "bulma-css-variables/sass/helpers/other"; // not used // @import "bulma-css-variables/sass/helpers/other"; // not used
// @import "bulma-css-variables/sass/helpers/overflow"; // @import "bulma-css-variables/sass/helpers/overflow";
// @import "bulma-css-variables/sass/helpers/position"; // @import "bulma-css-variables/sass/helpers/position";
@import "bulma-css-variables/sass/helpers/spacing"; @use "bulma-css-variables/sass/helpers/spacing" as *;
@import "bulma-css-variables/sass/helpers/typography"; @use "bulma-css-variables/sass/helpers/typography" as *;
@import "bulma-css-variables/sass/helpers/visibility"; @use "bulma-css-variables/sass/helpers/visibility" as *;
// imports from "bulma-css-variables/sass/layout/_all"; // imports from "bulma-css-variables/sass/layout/_all";
@ -86,7 +86,7 @@
// END BULMA IMPORTS // END BULMA IMPORTS
// ################# // #################
@import "theme"; @use "theme" as *;
@import "components"; @use "components" as *;
@import "custom-properties"; @use "custom-properties" as *;

20
frontend/src/styles/theme/_index.scss
View File

@ -1,12 +1,12 @@
@import "scrollbars"; @forward "scrollbars";
@import "theme"; @forward "theme";
@import "background"; @forward "background";
@import "content"; @forward "content";
@import "form"; @forward "form";
@import "link-share"; @forward "link-share";
@import "loading"; @forward "loading";
@import "flatpickr"; @forward "flatpickr";
@import 'helpers'; @forward 'helpers';
@import 'navigation'; @forward 'navigation';