npm - @birdycom/omniacss - Versions diffs - 0.0.0-stage → 0.11.0 - Mend

@birdycom/omniacss 0.0.0-stage → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (106) hide show

package/LICENSE +21 -0
package/README.md +43 -2
package/dist/oc-colors.css +4429 -0
package/dist/oc-theme.css +69 -0
package/dist/omnia.css +465435 -0
package/dist/omnia.min.css +2 -0
package/dist/omnia.starter.css +13459 -0
package/dist/omnia.starter.min.css +1 -0
package/dist/tokens/omnia.dtcg.json +1496 -0
package/dist/tokens/omnia.tokens.json +580 -0
package/dist/tokens/omnia_tokens.py +189 -0
package/package.json +61 -4
package/scss/base/_reset.scss +88 -0
package/scss/config/omniacss.config.scss +114 -0
package/scss/config/omniacss.fonts.scss +34 -0
package/scss/functions/_functions.scss +407 -0
package/scss/json/html-colors.json +1998 -0
package/scss/json/omnia-colors.json +500 -0
package/scss/json/ral-colors.json +3430 -0
package/scss/layout/_media_query.scss +18 -0
package/scss/omnia_colors.scss +7 -0
package/scss/omnia_main.scss +143 -0
package/scss/profiles/omnia_main.hsl.scss +12 -0
package/scss/profiles/omnia_main.oklab.scss +12 -0
package/scss/profiles/omnia_main.oklch.scss +12 -0
package/scss/utilities/_accessibility.scss +42 -0
package/scss/utilities/_alignment.scss +861 -0
package/scss/utilities/_anchor_positioning.scss +65 -0
package/scss/utilities/_animation_properties.scss +143 -0
package/scss/utilities/_aspect.scss +73 -0
package/scss/utilities/_backgrounds.scss +49 -0
package/scss/utilities/_borders_extended.scss +97 -0
package/scss/utilities/_borders_outlines.scss +161 -0
package/scss/utilities/_clamp.scss +111 -0
package/scss/utilities/_colors_html.scss +341 -0
package/scss/utilities/_colors_mix.scss +84 -0
package/scss/utilities/_colors_omnia.scss +315 -0
package/scss/utilities/_colors_ral.scss +151 -0
package/scss/utilities/_colors_tokens.scss +87 -0
package/scss/utilities/_container.scss +58 -0
package/scss/utilities/_containment.scss +82 -0
package/scss/utilities/_corner_shape.scss +30 -0
package/scss/utilities/_css_functions.scss +34 -0
package/scss/utilities/_dark_mode.scss +117 -0
package/scss/utilities/_display.scss +58 -0
package/scss/utilities/_drop_shadow_colors.scss +26 -0
package/scss/utilities/_effects.scss +50 -0
package/scss/utilities/_effects_advanced.scss +102 -0
package/scss/utilities/_experimental_css.scss +149 -0
package/scss/utilities/_filters.scss +89 -0
package/scss/utilities/_flexbox.scss +318 -0
package/scss/utilities/_font_variants.scss +139 -0
package/scss/utilities/_fonts.scss +276 -0
package/scss/utilities/_gap.scss +104 -0
package/scss/utilities/_gradient_stops.scss +48 -0
package/scss/utilities/_gradients.scss +99 -0
package/scss/utilities/_grid.scss +673 -0
package/scss/utilities/_index.scss +22 -0
package/scss/utilities/_interactivity.scss +198 -0
package/scss/utilities/_layering.scss +24 -0
package/scss/utilities/_layout_extras.scss +171 -0
package/scss/utilities/_layout_flow.scss +210 -0
package/scss/utilities/_mask_extras.scss +62 -0
package/scss/utilities/_motion_transforms.scss +167 -0
package/scss/utilities/_overflow.scss +41 -0
package/scss/utilities/_position.scss +49 -0
package/scss/utilities/_responsive.scss +272 -0
package/scss/utilities/_scroll_animations.scss +80 -0
package/scss/utilities/_scroll_spacing.scss +33 -0
package/scss/utilities/_scrollbar.scss +49 -0
package/scss/utilities/_shadow_tokens.scss +21 -0
package/scss/utilities/_shapes.scss +72 -0
package/scss/utilities/_sizing.scss +458 -0
package/scss/utilities/_sizing_logical.scss +99 -0
package/scss/utilities/_space_divide.scss +85 -0
package/scss/utilities/_spacing_margin.scss +199 -0
package/scss/utilities/_spacing_padding.scss +195 -0
package/scss/utilities/_starting_style.scss +53 -0
package/scss/utilities/_state_variants.scss +196 -0
package/scss/utilities/_svg.scss +100 -0
package/scss/utilities/_table.scss +46 -0
package/scss/utilities/_table_advanced.scss +19 -0
package/scss/utilities/_text.scss +1331 -0
package/scss/utilities/_transforms_3d.scss +76 -0
package/scss/utilities/_typography_advanced.scss +124 -0
package/scss/utilities/_typography_modern.scss +83 -0
package/scss/utilities/_view_transitions.scss +64 -0
package/scss/utilities/_writing_modes.scss +72 -0
package/scss/variables/_color_tone.scss +39 -0
package/scss/variables/_hulp.scss +108 -0
package/scss/variables/_mixins.scss +40 -0
package/scss/variables/_modifiers.scss +32 -0
package/scss/variables/_variables.scss +302 -0
package/scss/variables/_variables_colors_html.scss +2019 -0
package/scss/variables/_variables_colors_omnia.scss +465 -0
package/scss/variables/_variables_colors_ral.scss +3472 -0
package/scss/variables/_variables_effects.scss +109 -0
package/scss/variables/_variables_flex_grid.scss +427 -0
package/scss/variables/_variables_layout.scss +591 -0
package/scss/variables/_variables_typography.scss +550 -0
package/src/engine.mjs +258 -0
package/src/postcss.mjs +43 -0
package/src/starter-classes.mjs +124 -0
package/src/tokens.mjs +377 -0
package/src/variants.mjs +278 -0
package/tokens/semantic.json +80 -0

package/scss/variables/_variables_colors_omnia.scss ADDED Viewed

@@ -0,0 +1,465 @@
+// SCSS Document
+// File: src/scss/variables/__variables_colors_omnia,scss
+// Description: default colors settings for the OMNIA Colors
+// Copyright: 2021-2022 Birdycom
+// Autor: Serge Cools
+// Version: 0.2.0
+// Framework: OmniaCSS
+// Special: HTML COLORS use rgb.to site for the colors
+///
+///
+///
+/// The list off the HTML colors
+/// @group variablescolors
+///
+/// @name colorsomnia
+///
+/// @since 1.0.0
+/// @author Serge Cools
+///
+///
+///
+$omnia-colors: (
+  omniacolors: (
+    Red_Colors_Names: (
+      Red: (
+        hex: #FF0000,
+        websafe: #ff0000,
+        rgb: (
+          r: 255,
+          g: 0,
+          b: 0
+        ),
+        hsl: (
+          h: 0,
+          s: 100,
+          l: 50
+        )
+      )
+    ),
+    Pink_Colors_Names: (
+      Pink: (
+        hex: #FFC0CB,
+        websafe: #ffcccc,
+        rgb: (
+          r: 255,
+          g: 192,
+          b: 203
+        ),
+        hsl: (
+          h: 350,
+          s: 100,
+          l: 88
+        )
+      )
+    ),
+    Orange_Colors_Names: (
+      Orange: (
+        hex: #FFA500,
+        websafe: #ff9900,
+        rgb: (
+          r: 255,
+          g: 165,
+          b: 0
+        ),
+        hsl: (
+          h: 39,
+          s: 100,
+          l: 50
+        )
+      )
+    ),
+    Yellow_Colors_Names: (
+      Yellow: (
+        hex: #FFFF00,
+        websafe: #ffff00,
+        rgb: (
+          r: 255,
+          g: 255,
+          b: 0
+        ),
+        hsl: (
+          h: 60,
+          s: 100,
+          l: 50
+        )
+      )
+    ),
+    Purple_Colors_Names: (
+      Violet: (
+        hex: #EE82EE,
+        websafe: #ff99ff,
+        rgb: (
+          r: 238,
+          g: 130,
+          b: 238
+        ),
+        hsl: (
+          h: 300,
+          s: 76,
+          l: 72
+        )
+      ),
+      Magenta: (
+        hex: #FF00FF,
+        websafe: #ff00ff,
+        rgb: (
+          r: 255,
+          g: 0,
+          b: 255
+        ),
+        hsl: (
+          h: 300,
+          s: 100,
+          l: 50
+        )
+      ),
+      Purple: (
+        hex: #800080,
+        websafe: #990099,
+        rgb: (
+          r: 128,
+          g: 0,
+          b: 128
+        ),
+        hsl: (
+          h: 300,
+          s: 100,
+          l: 25
+        )
+      ),
+      Indigo: (
+        hex: #4B0082,
+        websafe: #330099,
+        rgb: (
+          r: 75,
+          g: 0,
+          b: 130
+        ),
+        hsl: (
+          h: 275,
+          s: 100,
+          l: 25
+        )
+      )
+    ),
+    Green_Colors_Names: (
+      Lime: (
+        hex: #00FF00,
+        websafe: #00ff00,
+        rgb: (
+          r: 0,
+          g: 255,
+          b: 0
+        ),
+        hsl: (
+          h: 120,
+          s: 100,
+          l: 50
+        )
+      ),
+      Green: (
+        hex: #008000,
+        websafe: #009900,
+        rgb: (
+          r: 0,
+          g: 128,
+          b: 0
+        ),
+        hsl: (
+          h: 120,
+          s: 100,
+          l: 25
+        )
+      ),
+      Teal: (
+        hex: #008080,
+        websafe: #009999,
+        rgb: (
+          r: 0,
+          g: 128,
+          b: 128
+        ),
+        hsl: (
+          h: 180,
+          s: 100,
+          l: 25
+        )
+      )
+    ),
+    Blue_Colors_Names: (
+      Cyan: (
+        hex: #00FFFF,
+        websafe: #00ffff,
+        rgb: (
+          r: 0,
+          g: 255,
+          b: 255
+        ),
+        hsl: (
+          h: 180,
+          s: 100,
+          l: 50
+        )
+      ),
+      Turquoise: (
+        hex: #40E0D0,
+        websafe: #33cccc,
+        rgb: (
+          r: 64,
+          g: 224,
+          b: 208
+        ),
+        hsl: (
+          h: 174,
+          s: 72,
+          l: 56
+        )
+      ),
+      Blue: (
+        hex: #0000FF,
+        websafe: #0000ff,
+        rgb: (
+          r: 0,
+          g: 0,
+          b: 255
+        ),
+        hsl: (
+          h: 240,
+          s: 100,
+          l: 50
+        )
+      ),
+      ShallowBlue: (
+        hex: #0b1020,
+        websafe: #0b1020,
+        rgb: (
+          r: 11,
+          g: 16,
+          b: 32
+        ),
+        hsl: (
+          h: 220,
+          s: 100,
+          l: 8
+        )
+      ),
+      DuskBlue: (
+        hex: #111a33,
+        websafe: #111a33,
+        rgb: ( r: 17,  g: 26,  b: 51 ),
+        hsl: ( h: 220, s: 50, l: 13 )
+      ),
+      TwilightBlue: (
+        hex: #162140,
+        websafe: #162140,
+        rgb: ( r: 22,  g: 33,  b: 64 ),
+        hsl: ( h: 220, s: 49, l: 17 )
+      ),
+      StormBlue: (
+        hex: #2a3a66,
+        websafe: #2a3a66,
+        rgb: ( r: 42,  g: 58,  b: 102 ),
+        hsl: ( h: 220, s: 42, l: 28 )
+      ),
+      FrostBlue: (
+        hex: #e7ecff,
+        websafe: #e6ecff,
+        rgb: ( r: 231, g: 236, b: 255 ),
+        hsl: ( h: 228, s: 100, l: 95 )
+      ),
+      MistBlue: (
+        hex: #aab7df,
+        websafe: #aab7df,
+        rgb: ( r: 170, g: 183, b: 223 ),
+        hsl: ( h: 228, s: 47, l: 77 )
+      ),
+      VividBlue: (
+        hex: #6ea8ff,
+        websafe: #66aaff,
+        rgb: ( r: 110, g: 168, b: 255 ),
+        hsl: ( h: 217, s: 100, l: 72 )
+      ),
+      SkyCyan: (
+        hex: #7dd3fc,
+        websafe: #77ccff,
+        rgb: ( r: 125, g: 211, b: 252 ),
+        hsl: ( h: 199, s: 95, l: 74 )
+      )
+    ),
+    Brown_Colors_Names: (
+      Wheat: (
+        hex: #F5DEB3,
+        websafe: #ffcccc,
+        rgb: (
+          r: 245,
+          g: 222,
+          b: 179
+        ),
+        hsl: (
+          h: 39,
+          s: 77,
+          l: 83
+        )
+      ),
+      Peru: (
+        hex: #CD853F,
+        websafe: #cc9933,
+        rgb: (
+          r: 205,
+          g: 133,
+          b: 63
+        ),
+        hsl: (
+          h: 30,
+          s: 59,
+          l: 53
+        )
+      ),
+      Brown: (
+        hex: #A52A2A,
+        websafe: #993333,
+        rgb: (
+          r: 165,
+          g: 42,
+          b: 42
+        ),
+        hsl: (
+          h: 0,
+          s: 59,
+          l: 41
+        )
+      )
+    ),
+    White_Colors_Names: (
+      White: (
+        hex: #FFFFFF,
+        websafe: #ffffff,
+        rgb: (
+          r: 255,
+          g: 255,
+          b: 255
+        ),
+        hsl: (
+          h: 0,
+          s: 0,
+          l: 100
+        )
+      ),
+      Snow: (
+        hex: #FFFAFA,
+        websafe: #ffffff,
+        rgb: (
+          r: 255,
+          g: 250,
+          b: 250
+        ),
+        hsl: (
+          h: 0,
+          s: 100,
+          l: 99
+        )
+      ),
+      Azure: (
+        hex: #F0FFFF,
+        websafe: #ffffff,
+        rgb: (
+          r: 240,
+          g: 255,
+          b: 255
+        ),
+        hsl: (
+          h: 180,
+          s: 100,
+          l: 97
+        )
+      ),
+      Beige: (
+        hex: #F5F5DC,
+        websafe: #ffffcc,
+        rgb: (
+          r: 245,
+          g: 245,
+          b: 220
+        ),
+        hsl: (
+          h: 60,
+          s: 56,
+          l: 91
+        )
+      ),
+      Ivory: (
+        hex: #FFFFF0,
+        websafe: #ffffff,
+        rgb: (
+          r: 255,
+          g: 255,
+          b: 240
+        ),
+        hsl: (
+          h: 60,
+          s: 100,
+          l: 97
+        )
+      ),
+      Linen: (
+        hex: #FAF0E6,
+        websafe: #ffffff,
+        rgb: (
+          r: 250,
+          g: 240,
+          b: 230
+        ),
+        hsl: (
+          h: 30,
+          s: 67,
+          l: 94
+        )
+      )
+    ),
+    Gray_Colors_Names: (
+      Silver: (
+        hex: #C0C0C0,
+        websafe: #cccccc,
+        rgb: (
+          r: 192,
+          g: 192,
+          b: 192
+        ),
+        hsl: (
+          h: 0,
+          s: 0,
+          l: 75
+        )
+      ),
+      Gray: (
+        hex: #808080,
+        websafe: #999999,
+        rgb: (
+          r: 128,
+          g: 128,
+          b: 128
+        ),
+        hsl: (
+          h: 0,
+          s: 0,
+          l: 50
+        )
+      ),
+      Black: (
+        hex: #000000,
+        websafe: #000000,
+        rgb: (
+          r: 0,
+          g: 0,
+          b: 0
+        ),
+        hsl: (
+          h: 0,
+          s: 0,
+          l: 0
+        )
+      )
+    )
+  )
+);