feat: Resolve all deprecation warnings for sass

- Replace @import with @use and @forward
- Only color function is used in _basic.scss for now
- Change _all.scss to _index.scss
- Modules use direct dependencies
- Move @include from _config.scss to _common.scss, this was a long term mistake
- Remove $color_list
- Change basic_color()
This commit is contained in:
sthag 2025-10-26 11:33:54 +01:00
parent 867e96ea0a
commit 4e4f8814d3
26 changed files with 476 additions and 420 deletions

View file

@ -4,48 +4,38 @@
// @import "../../vendor/normalizecss/normalize.css";
// @import "../../node_modules/normalize.css/normalize.css";
// Functions and Mixins
// Important code constructions
// -----------------------------------------------------------------------------
@import "functions/all";
@import "mixins/all";
// Fonts
// Use a central file outside of hippie for font definitions with @font-face
// -----------------------------------------------------------------------------
// @import "../../vendor/fonts.css";
// Functions and Mixins
// Important code constructions
// -----------------------------------------------------------------------------
@forward "functions/color";
@forward "mixins";
// Global configuration with default values
// -----------------------------------------------------------------------------
@import "global/config";
@forward "global/config";
@forward "global/common";
@forward "global/typography";
// Basic styles - this is the core of definitions
// Individual styles can be added her
// -----------------------------------------------------------------------------
@import "global/common";
@import "global/typography";
// Following the w3c document element structure
// https://w3c.github.io/html/index.html#contents
@import "elements/sections";
@import "elements/grouping";
@import "elements/textlevel";
@import "elements/embedded";
@import "elements/tables";
@import "elements/interactive";
@forward "elements/sections";
@forward "elements/grouping";
@forward "elements/textlevel";
@forward "elements/embedded";
@forward "elements/tables";
@forward "elements/interactive";
// Individual Modules and variables
// in dependency to other styles
// -----------------------------------------------------------------------------
@import "modules/breakpoint/breakpoint_module";
@import "modules/tables/tables_module";
@import "modules/maintenance/maintenance_module";
@forward "modules/breakpoint/breakpoint_module";
@forward "modules/tables/tables_module";
@forward "modules/maintenance/maintenance_module";