WIP

src/scss/components/_cookie.scss

@@ -17,6 +17,9 @@
 // Components | Cookie Consent
 // ============================================================================
 
+// @use "~unit.gl/src/scss/index.scss" as * ;
+// @use "~hue.gl/src/scss/index.scss" as * ;
+// @use "../gl" as *;
 
 
 .cookieconsent {

src/scss/components/_index.scss

@@ -0,0 +1,77 @@
+// Copyright 2023 Scape Agency BV
+
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+
+// http://www.apache.org/licenses/LICENSE-2.0
+
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+// ============================================================================
+// Components
+// ============================================================================
+
+@import "accordion";
+@import "badge";
+@import "breadcrumb";
+@import "caption";
+@import "card";
+@import "chip";
+@import "cookie";
+@import "cover";
+@import "form";
+@import "hero";
+@import "icon_bar";
+@import "iframe";
+@import "map";
+@import "pagination";
+// @import "placeholder";
+@import "popover";
+@import "searchbox";
+@import "slideshow";
+@import "social";
+@import "summary";
+@import "table";
+@import "toast";
+@import "toc";
+@import "vcard";
+
+
+
+@import "form_account";
+
+
+// @forward "accordion";
+// @forward "badge";
+// @forward "breadcrumb";
+// @forward "caption";
+// @forward "card";
+// @forward "chip";
+// @forward "cookie";
+// @forward "cover";
+// @forward "form";
+// @forward "hero";
+// @forward "icon_bar";
+// @forward "iframe";
+// @forward "map";
+// @forward "pagination";
+// // @forward "placeholder";
+// @forward "popover";
+// @forward "searchbox";
+// @forward "slideshow";
+// @forward "social";
+// @forward "summary";
+// @forward "table";
+// @forward "toast";
+// @forward "toc";
+// @forward "vcard";
+
+
+
+// @forward "form_account";

src/scss/effects/effects.scss → src/scss/effects/_index.scss

@@ -13,15 +13,9 @@
 // limitations under the License.
 
 
-
-
-
-
 @import "_visibility.scss";
 @import "_opacity.scss";
 @import "_transition.scss";
 @import "_spin.scss";
-
-
-// @import "_filter.scss";
-// @import "_transition.scss";
+@import "_filter.scss";
+@import "_transition.scss";

src/scss/gl.scss

@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+// $icongl_font_dir: "~icon.gl/src/font";
+
+@use "~unit.gl/src/scss/index.scss" as unitgl ;
+@use "~hue.gl/src/scss/index.scss" as huegl;
+@use "~icon.gl/src/scss/index.scss" as icongl with (
+    $icongl_font_dir: "~icon.gl/src/font",
+);
+
+
+
+// @forward "unitgl";
+// @forward "huegl";
+// @forward "icongl";
+
+
+@forward "~unit.gl/src/scss/index.scss";
+@forward "~hue.gl/src/scss/index.scss";
+@forward "~icon.gl/src/scss/index.scss";
+
+
+
+// @import "~unit.gl/src/scss/index.scss";
+// @import "~hue.gl/src/scss/index.scss";
+// $icongl_font_dir: "~icon.gl/src/font" !default;
+// @import "~icon.gl/src/scss/index.scss";

src/scss/index.scss

@@ -43,48 +43,56 @@ TABLE OF CONTENTS
 @use "sass:math";
 @use "sass:map";
 
+// @forward "gl";
 
 // Use .gl Libraries
 // ============================================================================
 
-@use "~unit.gl/src/scss/index.scss" as * ;
-@use "~hue.gl/src/scss/index.scss" as *;
-@use "~icon.gl/src/scss/index.scss" as * with (
-    $icongl_font_dir: "~icon.gl/src/font",
-);
+@import "~unit.gl/src/scss/index.scss";
+@import "~hue.gl/src/scss/index.scss";
+
+// @use "~unit.gl/src/scss/index.scss" as *;
+// @use "~hue.gl/src/scss/index.scss" as *;
+// @use "~icon.gl/src/scss/index.scss"  as * with (
+//     $icongl_font_dir: "~icon.gl/src/font",
+// );
+
 
-// @import "~unit.gl/src/scss/index.scss";
-// @import "~hue.gl/src/scss/index.scss";
-// $icongl_font_dir: "~icon.gl/src/font" !default;
-// @import "~icon.gl/src/scss/index.scss";
 
 // Imports
 // ============================================================================
+@import "color";
+
+
 
 // @import "base/base";
-@import "color.scss";
 
 // @import "grid/grid";
 
 
-@import "layout/layout";
+@import "layout";
+
+@import "type";
+
+@import "effects";
+@import "interface";
+
+@import "features";
 
-@import "type/type";
+@import "elements";
 
-@import "effects/effects";
-@import "interface/interface.scss";
+@import "layout";
 
-@import "features/features";
+// @use "components";
 
-@import "elements/elements";
-@import "components/components";
 
-@import "media/media";
+@import "media";
 
-@import "scenes/scenes";
-@import "utilities/utilities";
+@import "scenes";
+@import "utilities";
 
 
+@import "components";
 
 // @import "container/container";
 

src/scss/layout/layout.scss → src/scss/layout/_index.scss

@@ -31,7 +31,7 @@
 @import "_gap.scss";
 
 @import "_flex.scss";
-@import "grid/grid";
+@import "grid";
 
 
 @import "_sticky.scss";

src/scss/type/type.scss → src/scss/type/_index.scss

@@ -20,4 +20,4 @@
 
 @import "font/font";
 @import "character/character";
-// @import "paragraph/paragraph";
+@import "paragraph/paragraph";

src/scss/utilities/utilities.scss → src/scss/utilities/_index.scss

@@ -18,4 +18,4 @@
 // ============================================================================
 
 
-@import "_utility_guides";
+@import "guides";