@birdycom/omniacss 0.0.0-stage → 0.11.1

package/scss/layout/_media_query.scss

@@ -0,0 +1,18 @@
+@use "sass:map";
+
+$breakpoint: (
+  'small' : 36rem,
+  'medium': 50rem,
+  'large': 64rem
+);
+/*
+responsive breakpoint mixin:
+@include respond('medium') { ... }
+*/
+@mixin respond($bp) {
+  @media (min-width: map.get($breakpoint, $bp)) {
+    @content;
+  }
+}
+
+// Note: no global element/id rules here (they used to fix <main> to 40em and #menu widths on every page).

package/scss/omnia_colors.scss

@@ -0,0 +1,7 @@
+// File: src/scss/omnia_colors.scss
+// Description: Entry that compiles only the color tokens (@supports oklch) for :root/:host.
+// Copyright: 2021-2026 Birdycom
+// Framework: OmniaCSS
+// Output: oc-colors.css — import this (or load before omnia_main.css) so var(--color-*) tokens are available.
+
+@use 'utilities/_colors_tokens.scss';

package/scss/omnia_main.scss

@@ -0,0 +1,143 @@
+/* CSS Document 
+* file: public/css/omnia_main.css
+* Custom style file for custom Projecs
+* Copyright 2021-2023 birdycom.be
+* Autor: Serge Cools
+*/
+// SCSS Document 
+// File: src/scss/omnia_main.scss
+// Description: Loading file for all the scss files in this Framework
+// Copyright: 2021-2023 Birdycom
+// Autor: Serge Cools
+// Version: 0.2.0
+// Framework: OmniaCSS
+
+// master settings to use for the creation of the CSS file
+
+@use 'config/omniacss.config.scss';
+
+
+@use 'config/omniacss.fonts.scss' as omniacss2;
+
+
+// Reset the default browser settings
+@use 'base/_reset.scss';
+
+// Load the omnia colors classes
+@use 'utilities/_colors_omnia.scss';
+
+// Load the ral colors classes
+@use 'utilities/_colors_ral.scss';
+
+// Load the html colors classes
+@use 'utilities/_colors_html.scss';
+
+// Load the color-mix (transparent) utilities for Omnia and HTML colors
+@use 'utilities/_colors_mix.scss';
+
+// Load the fontsize classes
+@use 'utilities/_fonts.scss';
+
+// Load the text classes
+@use 'utilities/_text.scss';
+@use 'utilities/_typography_advanced.scss';
+
+// Load the spacing classes
+@use 'utilities/_spacing_margin.scss';
+
+@use 'utilities/_spacing_padding.scss';
+
+// Load the sizing classes
+@use 'utilities/_sizing.scss';
+
+// Load the position classes
+@use 'utilities/_position.scss';
+@use 'utilities/_layout_flow.scss';
+
+// Load the display classes
+@use 'utilities/_display.scss';
+@use 'utilities/_backgrounds.scss';
+@use 'utilities/_borders_outlines.scss';
+@use 'utilities/_corner_shape.scss';
+
+// Load overflow and overscroll classes
+@use 'utilities/_overflow.scss';
+
+// Load layering classes (isolation, visibility, z-index)
+@use 'utilities/_layering.scss';
+
+// Load the flex classes
+@use 'utilities/_flexbox.scss';
+
+// Load the grid classes
+@use 'utilities/_grid.scss';
+
+// Load the alignment classes
+@use 'utilities/_alignment.scss';
+
+// Load the gap classes
+@use 'utilities/_gap.scss';
+
+// Load the table classes
+@use 'utilities/_table.scss';
+
+// Load the effects classes
+@use 'utilities/_effects.scss';
+@use 'utilities/_effects_advanced.scss';
+@use 'utilities/_filters.scss';
+@use 'utilities/_motion_transforms.scss';
+@use 'utilities/_interactivity.scss';
+@use 'utilities/_svg.scss';
+
+/* Load the layout classes */
+@use 'utilities/_aspect.scss';
+
+// Load the container classes
+@use 'utilities/_container.scss';
+@use 'utilities/_table_advanced.scss';
+
+// Load modern CSS (2024-2026) utilities
+@use 'utilities/_typography_modern.scss';
+@use 'utilities/_writing_modes.scss';
+@use 'utilities/_containment.scss';
+@use 'utilities/_shapes.scss';
+@use 'utilities/_scrollbar.scss';
+@use 'utilities/_starting_style.scss';
+@use 'utilities/_anchor_positioning.scss';
+@use 'utilities/_view_transitions.scss';
+@use 'utilities/_scroll_animations.scss';
+@use 'utilities/_gradients.scss';
+@use 'utilities/_borders_extended.scss';
+@use 'utilities/_font_variants.scss';
+@use 'utilities/_animation_properties.scss';
+@use 'utilities/_layout_extras.scss';
+@use 'utilities/_sizing_logical.scss';
+@use 'utilities/_space_divide.scss';
+@use 'utilities/_gradient_stops.scss';
+@use 'utilities/_mask_extras.scss';
+@use 'utilities/_transforms_3d.scss';
+@use 'utilities/_scroll_spacing.scss';
+@use 'utilities/_drop_shadow_colors.scss';
+@use 'utilities/_experimental_css.scss';
+@use 'utilities/_css_functions.scss';
+
+// Load accessibility utilities (sr-only, forced-color-adjust)
+@use 'utilities/_accessibility.scss';
+
+// Load responsive variant utilities (sm:, md:, lg: prefixes)
+@use 'utilities/_responsive.scss';
+
+// Load fluid/clamp utilities (.text-fluid, .w-fluid, mixin)
+@use 'utilities/_clamp.scss';
+
+// Load hover/focus/active/focus-visible state variant utilities
+@use 'utilities/_state_variants.scss';
+
+// Load dark mode variant utilities (dark: prefix)
+@use 'utilities/_dark_mode.scss';
+
+/* Load the media querys */
+@use 'layout/_media_query.scss';
+
+// Load the hulp classes
+@use 'variables/_hulp.scss';

package/scss/profiles/omnia_main.hsl.scss

@@ -0,0 +1,12 @@
+/* SCSS Document
+* file: src/scss/profiles/omnia_main.hsl.scss
+* map:
+* - override color model to hsl
+* - load default framework entrypoint
+*/
+
+@use "../config/omniacss.config.scss" with (
+  $DEFAULT-COLOR-TYPE-VALUE: hsl
+);
+
+@use "../omnia_main.scss";

package/scss/profiles/omnia_main.oklab.scss

@@ -0,0 +1,12 @@
+/* SCSS Document
+* file: src/scss/profiles/omnia_main.oklab.scss
+* map:
+* - override color model to oklab
+* - load default framework entrypoint
+*/
+
+@use "../config/omniacss.config.scss" with (
+  $DEFAULT-COLOR-TYPE-VALUE: oklab
+);
+
+@use "../omnia_main.scss";

package/scss/profiles/omnia_main.oklch.scss

@@ -0,0 +1,12 @@
+/* SCSS Document
+* file: src/scss/profiles/omnia_main.oklch.scss
+* map:
+* - override color model to oklch
+* - load default framework entrypoint
+*/
+
+@use "../config/omniacss.config.scss" with (
+  $DEFAULT-COLOR-TYPE-VALUE: oklch
+);
+
+@use "../omnia_main.scss";

package/scss/utilities/_accessibility.scss

@@ -0,0 +1,42 @@
+// SCSS Document
+// File: src/scss/utilities/_accessibility.scss
+// Description: Accessibility utility classes
+// Copyright: 2021-2026 Birdycom
+// Autor: Serge Cools
+// Version: 0.2.0
+// Framework: OmniaCSS
+// Properties: screen reader, forced colors
+
+/* Accessibility utilities */
+
+/* sr-only — visually hides element but keeps it accessible to screen readers. */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+/* not-sr-only — undoes sr-only to make element visible again. */
+.not-sr-only {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+/* forced-color-adjust — controls whether the browser can override colors
+   in forced-colors mode (Windows High Contrast). */
+.forced-color-auto { forced-color-adjust: auto; }
+.forced-color-none { forced-color-adjust: none; }
+
+/* End Accessibility utilities */