@medcore-ua/concrete-css 1.0.0 → 1.1.0

package/LICENSE

@@ -1,6 +1,6 @@
 CSSM Unlimited License v2.0
 Copyright (c) 2026 Serhii Cherneha
-Updated November 9, 2025
+Updated November 9, 2024
 
 Software License 
 Agreement

package/README.md

@@ -4,16 +4,16 @@ Concrete is a lightweight, atomic CSS framework inspired by brutalist design pri
 
 ## Philosophy
 
-- **Utility-First**: Compose complex components from simple, single-purpose utilities
-- **Token-Driven**: All values derived from a centralized design token system
-- **Brutalist by Default**: Strong borders, monospace fonts, high contrast
-- **Framework-Agnostic**: Works with React, PHP, vanilla HTML, or any tech stack
-- **Zero Magic Numbers**: Every value comes from the configuration
+- **Utility-First**: Compose complex components from simple, single-purpose utilities.
+- **Token-Driven**: All values derived from a centralized design token system.
+- **Brutalist by Default**: Strong borders, monospace fonts, high contrast.
+- **Framework-Agnostic**: Works with React, PHP, vanilla HTML, or any tech stack.
+- **Zero Magic Numbers**: Every value comes from the configuration.
 
 ## Quick Start
 
 ```bash
-npm install concrete-css
+npm install @medcore-ua/concrete-css
 ```
 
 ```scss
@@ -32,11 +32,11 @@ npm install concrete-css
 
 ## Features
 
-- **~50KB** base (before purge)
-- **Responsive** breakpoint system
-- **Customizable** via Sass variables
-- **Tree-shakeable** with PurgeCSS
-- **TypeScript** autocomplete support (coming soon)
+- **~50KB** base file size before any optimization or purging of unused styles.
+- **Responsive** mobile-first breakpoint system that scales from small screens to large desktops.
+- **Customizable** through Sass variables and configuration maps to match your design system.
+- **Tree-shakeable** when used with PurgeCSS to remove all unused styles in production builds.
+- **TypeScript** autocomplete support is planned for future releases.
 
 ## Core Concepts
 

package/dist/concrete-nav.js

@@ -0,0 +1,44 @@
+/**
+ * Concrete CSS - Navigation Toggle
+ */
+
+(function() {
+  'use strict';
+
+  const ConcreteNav = {
+    init: function() {
+      const toggles = document.querySelectorAll('.nav-toggle');
+      
+      toggles.forEach(toggle => {
+        toggle.addEventListener('click', function() {
+          const nav = this.parentElement.querySelector('.nav');
+          if (nav) {
+            nav.classList.toggle('open');
+            this.setAttribute('aria-expanded', 
+              nav.classList.contains('open') ? 'true' : 'false'
+            );
+          }
+        });
+      });
+
+      document.addEventListener('click', function(e) {
+        const navs = document.querySelectorAll('.nav.open');
+        navs.forEach(nav => {
+          const toggle = nav.parentElement.querySelector('.nav-toggle');
+          if (toggle && !nav.contains(e.target) && !toggle.contains(e.target)) {
+            nav.classList.remove('open');
+            toggle.setAttribute('aria-expanded', 'false');
+          }
+        });
+      });
+    }
+  };
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', () => ConcreteNav.init());
+  } else {
+    ConcreteNav.init();
+  }
+
+  window.ConcreteNav = ConcreteNav;
+})();