From 56e3c0139d8dd629231e76ce5f75549fb42f5fcf Mon Sep 17 00:00:00 2001
From: Sarmaged <3858245+Sarmaged@users.noreply.github.com>
Date: Sat, 18 Jan 2025 14:33:44 +0300
Subject: [PATCH] release: version 2025.1.18

---
 package.json | 2 +-
 patterns.css | 4 ++--
 src/all.css  | 6 +++---
 src/site.css | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 7a5dfd2..16e36f4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "style-forge.patterns",
-  "version": "2025.1.8",
+  "version": "2025.1.18",
   "description": "Style-Forge.Patterns - versatile CSS library with pre-defined classes for responsive, consistent user interfaces.",
   "type": "module",
   "main": "patterns.css",
diff --git a/patterns.css b/patterns.css
index 5bedf97..7550007 100644
--- a/patterns.css
+++ b/patterns.css
@@ -1,3 +1,3 @@
-/*! style-forge.patterns 2025.1.8 | MIT License | https://github.com/Style-Forge/patterns */
+/*! style-forge.patterns 2025.1.18 | MIT License | https://github.com/Style-Forge/patterns */
 
-.sf-pattern{display:grid}.sf-pattern>.area-aside{grid-area:aside}.sf-pattern>.area-footer{grid-area:footer}.sf-pattern>.area-header{grid-area:header}.sf-pattern>.area-main{grid-area:main}.sf-pattern>.area-menu{grid-area:menu}.sf-pattern{grid-auto-rows:auto;grid-auto-columns:auto;grid-template-areas:'main'}.sf-pattern.area-header{grid-template-rows:auto 1fr;grid-template-areas:'header' 'main'}.sf-pattern.area-footer{grid-template-rows:1fr;grid-template-areas:'main' 'footer'}.sf-pattern.area-header.area-footer{grid-template-rows:auto 1fr;grid-template-areas:'header' 'main' 'footer'}.sf-pattern.area-menu{grid-template-columns:auto 1fr;grid-template-areas:'menu main'}.sf-pattern.area-menu.area-header{grid-template-areas:'header header' 'menu main'}.sf-pattern.area-menu.area-footer{grid-template-areas:'menu main' 'footer footer'}.sf-pattern.area-menu.area-header.area-footer{grid-template-areas:'header header' 'menu main' 'footer footer'}.sf-pattern.area-aside{grid-template-columns:1fr;grid-template-areas:'main aside'}.sf-pattern.area-aside.area-header{grid-template-areas:'header header' 'main aside'}.sf-pattern.area-aside.area-footer{grid-template-areas:'main aside' 'footer footer'}.sf-pattern.area-aside.area-header.area-footer{grid-template-areas:'header header' 'main aside' 'footer footer'}.sf-pattern.area-menu.area-aside{grid-template-columns:auto 1fr;grid-template-areas:'menu main aside'}.sf-pattern.area-menu.area-aside.area-header{grid-template-areas:'header header header' 'menu main aside'}.sf-pattern.area-menu.area-aside.area-footer{grid-template-areas:'menu main aside' 'footer footer footer'}.sf-pattern.area-menu.area-aside.area-header.area-footer{grid-template-areas:'header header header' 'menu main aside' 'footer footer footer'}@media (max-width:768px){.sf-pattern.area-menu{grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:'menu' 'main'}.sf-pattern.area-menu.area-header{grid-template-rows:auto auto 1fr;grid-template-areas:'header' 'menu' 'main'}.sf-pattern.area-menu.area-footer{grid-template-areas:'menu' 'main' 'footer'}.sf-pattern.area-menu.area-header.area-footer{grid-template-areas:'header' 'menu' 'main' 'footer'}.sf-pattern.area-aside{grid-template-areas:'main aside'}.sf-pattern.area-aside.area-header{grid-template-areas:'header header' 'main aside'}.sf-pattern.area-aside.area-footer{grid-template-areas:'main aside' 'footer footer'}.sf-pattern.area-aside.area-header.area-footer{grid-template-areas:'header header' 'main aside' 'footer footer'}.sf-pattern.area-menu.area-aside{grid-template-columns:1fr auto;grid-template-areas:'menu menu' 'main aside'}.sf-pattern.area-menu.area-aside.area-header{grid-template-rows:auto auto 1fr;grid-template-areas:'header header' 'menu menu' 'main aside'}.sf-pattern.area-menu.area-aside.area-footer{grid-template-areas:'menu menu' 'main aside' 'footer footer'}.sf-pattern.area-menu.area-aside.area-header.area-footer{grid-template-areas:'header header' 'menu menu' 'main aside' 'footer footer'}}@media (max-width:480px){.sf-pattern.area-aside{grid-template-rows:1fr auto;grid-template-areas:'main' 'aside'}.sf-pattern.area-aside.area-header{grid-template-rows:auto 1fr auto;grid-template-areas:'header' 'main' 'aside'}.sf-pattern.area-aside.area-footer{grid-template-areas:'main' 'aside' 'footer'}.sf-pattern.area-aside.area-header.area-footer{grid-template-areas:'header' 'main' 'aside' 'footer'}.sf-pattern.area-menu.area-aside{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:'menu' 'main' 'aside'}.sf-pattern.area-menu.area-aside.area-header{grid-template-areas:'header' 'menu' 'main' 'aside'}.sf-pattern.area-menu.area-aside.area-footer{grid-template-areas:'menu' 'main' 'aside' 'footer'}.sf-pattern.area-menu.area-aside.area-header.area-footer{grid-template-areas:'header' 'menu' 'main' 'aside' 'footer'}}.sf-pattern.area-media{grid-template-columns:64px 1fr;grid-template-areas:'. main'}.sf-pattern.area-media .sf-pattern.area-media{grid-template-columns:32px 1fr}.sf-pattern.area-media .sf-pattern.area-media,.sf-pattern.area-media~.sf-pattern.area-media{margin-block-start:0.5em;padding-block-start:1em;border-top:1px solid}
+.sf-pattern{display:grid}.sf-pattern>.area-aside{grid-area:aside}.sf-pattern>.area-footer{grid-area:footer}.sf-pattern>.area-header{grid-area:header}.sf-pattern>.area-main{grid-area:main}.sf-pattern>.area-menu{grid-area:menu}.sf-pattern{grid-auto-rows:auto;grid-auto-columns:auto;grid-template-areas:'main'}.sf-pattern.area-header{grid-template-rows:auto 1fr;grid-template-areas:'header' 'main'}.sf-pattern.area-footer{grid-template-rows:1fr;grid-template-areas:'main' 'footer'}.sf-pattern.area-header.area-footer{grid-template-rows:auto 1fr;grid-template-areas:'header' 'main' 'footer'}.sf-pattern.area-menu{grid-template-columns:auto 1fr;grid-template-areas:'menu main'}.sf-pattern.area-menu.area-header{grid-template-areas:'header header' 'menu main'}.sf-pattern.area-menu.area-footer{grid-template-areas:'menu main' 'footer footer'}.sf-pattern.area-menu.area-header.area-footer{grid-template-areas:'header header' 'menu main' 'footer footer'}.sf-pattern.area-aside{grid-template-columns:1fr;grid-template-areas:'main aside'}.sf-pattern.area-aside.area-header{grid-template-areas:'header header' 'main aside'}.sf-pattern.area-aside.area-footer{grid-template-areas:'main aside' 'footer footer'}.sf-pattern.area-aside.area-header.area-footer{grid-template-areas:'header header' 'main aside' 'footer footer'}.sf-pattern.area-menu.area-aside{grid-template-columns:auto 1fr;grid-template-areas:'menu main aside'}.sf-pattern.area-menu.area-aside.area-header{grid-template-areas:'header header header' 'menu main aside'}.sf-pattern.area-menu.area-aside.area-footer{grid-template-areas:'menu main aside' 'footer footer footer'}.sf-pattern.area-menu.area-aside.area-header.area-footer{grid-template-areas:'header header header' 'menu main aside' 'footer footer footer'}@media only screen and (max-width:1024px){.sf-pattern.area-menu{grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:'menu' 'main'}.sf-pattern.area-menu.area-header{grid-template-rows:auto auto 1fr;grid-template-areas:'header' 'menu' 'main'}.sf-pattern.area-menu.area-footer{grid-template-areas:'menu' 'main' 'footer'}.sf-pattern.area-menu.area-header.area-footer{grid-template-areas:'header' 'menu' 'main' 'footer'}.sf-pattern.area-aside{grid-template-areas:'main aside'}.sf-pattern.area-aside.area-header{grid-template-areas:'header header' 'main aside'}.sf-pattern.area-aside.area-footer{grid-template-areas:'main aside' 'footer footer'}.sf-pattern.area-aside.area-header.area-footer{grid-template-areas:'header header' 'main aside' 'footer footer'}.sf-pattern.area-menu.area-aside{grid-template-columns:1fr auto;grid-template-areas:'menu menu' 'main aside'}.sf-pattern.area-menu.area-aside.area-header{grid-template-rows:auto auto 1fr;grid-template-areas:'header header' 'menu menu' 'main aside'}.sf-pattern.area-menu.area-aside.area-footer{grid-template-areas:'menu menu' 'main aside' 'footer footer'}.sf-pattern.area-menu.area-aside.area-header.area-footer{grid-template-areas:'header header' 'menu menu' 'main aside' 'footer footer'}}@media only screen and (max-width:600px){.sf-pattern.area-aside{grid-template-rows:1fr auto;grid-template-areas:'main' 'aside'}.sf-pattern.area-aside.area-header{grid-template-rows:auto 1fr auto;grid-template-areas:'header' 'main' 'aside'}.sf-pattern.area-aside.area-footer{grid-template-areas:'main' 'aside' 'footer'}.sf-pattern.area-aside.area-header.area-footer{grid-template-areas:'header' 'main' 'aside' 'footer'}.sf-pattern.area-menu.area-aside{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:'menu' 'main' 'aside'}.sf-pattern.area-menu.area-aside.area-header{grid-template-areas:'header' 'menu' 'main' 'aside'}.sf-pattern.area-menu.area-aside.area-footer{grid-template-areas:'menu' 'main' 'aside' 'footer'}.sf-pattern.area-menu.area-aside.area-header.area-footer{grid-template-areas:'header' 'menu' 'main' 'aside' 'footer'}}.sf-pattern.area-media{grid-template-columns:64px 1fr;grid-template-areas:'. main'}.sf-pattern.area-media .sf-pattern.area-media{grid-template-columns:32px 1fr}.sf-pattern.area-media .sf-pattern.area-media,.sf-pattern.area-media~.sf-pattern.area-media{margin-block-start:0.5em;padding-block-start:1em;border-top:1px solid}
diff --git a/src/all.css b/src/all.css
index 940f67d..f222ced 100644
--- a/src/all.css
+++ b/src/all.css
@@ -1,3 +1,3 @@
-@import 'base.css';
-@import 'site.css';
-@import 'media.css';
+@import './base.css';
+@import './site.css';
+@import './media.css';
diff --git a/src/site.css b/src/site.css
index 67f9427..dc3b23e 100644
--- a/src/site.css
+++ b/src/site.css
@@ -90,7 +90,7 @@
     'footer footer footer';
 }
 
-@media (max-width: 768px) {
+@media only screen and (max-width: 1024px) {
   .sf-pattern.area-menu {
     grid-template-columns: 1fr auto;
     grid-template-rows: auto 1fr;
@@ -167,7 +167,7 @@
   }
 }
 
-@media (max-width: 480px) {
+@media only screen and (max-width: 600px) {
   .sf-pattern.area-aside {
     grid-template-rows: 1fr auto;
     grid-template-areas: