Update README and CHANGELOG

Author: yunusga

CHANGELOG.md

@@ -5,6 +5,21 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [5.0.0] 2023-04-23
+
+- Adds [Media Queries Level 4](https://www.w3.org/TR/mediaqueries-4/) - ["range"](https://www.w3.org/TR/mediaqueries-4/#mq-ranges) type feature.
+- Upgrade **sort-css-media-queries** to [2.2.0](https://github.com/dutchenkoOleg/sort-css-media-queries/releases/tag/v2.1.0)
+- Upgrade **postcss** to [8.4.23](https://github.com/postcss/postcss/releases/tag/8.4.23)
+- Added README translation to oz'bek language
+  - thanks to @Khayotbek1 for the PR https://github.com/yunusga/postcss-sort-media-queries/pull/46
+
+
+## [4.4.0] 2023-04-22
+
+- Added README translation to oz'bek language
+  - thanks to @Khayotbek1 for the PR https://github.com/yunusga/postcss-sort-media-queries/pull/46
+- npm audit (devDependencies)
+
 ## [4.3.0] 2022-10-06
 
 - Update **postcss** to [8.4.16](https://github.com/postcss/postcss/releases/tag/8.4.16)

README-UZ.md

@@ -6,6 +6,7 @@
 [Releases history]: https://github.com/yunusga/postcss-sort-media-queries/blob/master/CHANGELOG.md
 
 [![npm](https://img.shields.io/npm/v/postcss-sort-media-queries.svg)](https://www.npmjs.com/package/postcss-sort-media-queries) [![Node.js CI](https://github.com/yunusga/postcss-sort-media-queries/actions/workflows/test.yml/badge.svg?branch=main&event=status)](https://github.com/yunusga/postcss-sort-media-queries/actions/workflows/test.yml)
+![license](https://img.shields.io/badge/License-MIT-orange.svg)
 [![npm](https://img.shields.io/npm/dt/postcss-sort-media-queries.svg)](https://www.npmjs.com/package/postcss-sort-media-queries)
 
 <img src="logo.svg?sanitize=true" align="right" title="PostCSS sort media queries logotype" width="100" height="100">
@@ -61,7 +62,7 @@ Bu yerda: [onlayn demo](https://postcss-sort-media-queries.github.io)
 @media screen and (min-width: 1280px) {
   .mobile-first { color: #cfcfcf }
 }
-@media screen and (min-width: 640px) {
+@media screen and (width > 640px) {
   .mobile-first { color: #cfcfcf }
 }
 @media screen and (max-width: 640px) {
@@ -72,7 +73,7 @@ Bu yerda: [onlayn demo](https://postcss-sort-media-queries.github.io)
 **keyin**
 
 ```css
-@media screen and (min-width: 640px) {
+@media screen and (width > 640px) {
   .mobile-first { color: #cfcfcf }
 }
 @media screen and (min-width: 1280px) {
@@ -82,7 +83,7 @@ Bu yerda: [onlayn demo](https://postcss-sort-media-queries.github.io)
   .footer { color: #cfcfcf }
 }
 @media screen and (max-width: 640px) {
-  /* birlashtirilgan */
+  /* combined */
   .head { color: #cfcfcf }
   .main { color: #cfcfcf }
   .footer { color: #cfcfcf }
@@ -93,13 +94,13 @@ Bu yerda: [onlayn demo](https://postcss-sort-media-queries.github.io)
 
 **oldin**
 ```css
-@media screen and (max-width: 640px) {
+@media screen and (width < 640px) {
   .header { color: #cdcdcd }
 }
 @media screen and (min-width: 760px) {
   .desktop-first { color: #cdcdcd }
 }
-@media screen and (max-width: 640px) {
+@media screen and (width < 640px) {
   .main { color: #cdcdcd }
 }
 @media screen and (min-width: 1280px) {
@@ -119,7 +120,7 @@ Bu yerda: [onlayn demo](https://postcss-sort-media-queries.github.io)
 @media screen and (max-width: 760px) {
   .footer { color: #cdcdcd }
 }
-@media screen and (max-width: 640px) {
+@media screen and (width < 640px) {
   /* combined */
   .header { color: #cdcdcd }
   .main { color: #cdcdcd }

README.md

@@ -6,6 +6,7 @@
 [Releases history]: https://github.com/yunusga/postcss-sort-media-queries/blob/master/CHANGELOG.md
 
 [![npm](https://img.shields.io/npm/v/postcss-sort-media-queries.svg)](https://www.npmjs.com/package/postcss-sort-media-queries) [![Node.js CI](https://github.com/yunusga/postcss-sort-media-queries/actions/workflows/test.yml/badge.svg?branch=main&event=status)](https://github.com/yunusga/postcss-sort-media-queries/actions/workflows/test.yml)
+![license](https://img.shields.io/badge/License-MIT-orange.svg)
 [![npm](https://img.shields.io/npm/dt/postcss-sort-media-queries.svg)](https://www.npmjs.com/package/postcss-sort-media-queries)
 
 <img src="logo.svg?sanitize=true" align="right" title="PostCSS sort media queries logotype" width="100" height="100">
@@ -56,7 +57,7 @@ And here is the [online demo](https://postcss-sort-media-queries.github.io)
 @media screen and (min-width: 1280px) {
   .mobile-first { color: #cfcfcf }
 }
-@media screen and (min-width: 640px) {
+@media screen and (width > 640px) {
   .mobile-first { color: #cfcfcf }
 }
 @media screen and (max-width: 640px) {
@@ -67,7 +68,7 @@ And here is the [online demo](https://postcss-sort-media-queries.github.io)
 **after**
 
 ```css
-@media screen and (min-width: 640px) {
+@media screen and (width > 640px) {
   .mobile-first { color: #cfcfcf }
 }
 @media screen and (min-width: 1280px) {
@@ -88,13 +89,13 @@ And here is the [online demo](https://postcss-sort-media-queries.github.io)
 
 **before**
 ```css
-@media screen and (max-width: 640px) {
+@media screen and (width < 640px) {
   .header { color: #cdcdcd }
 }
 @media screen and (min-width: 760px) {
   .desktop-first { color: #cdcdcd }
 }
-@media screen and (max-width: 640px) {
+@media screen and (width < 640px) {
   .main { color: #cdcdcd }
 }
 @media screen and (min-width: 1280px) {
@@ -114,7 +115,7 @@ And here is the [online demo](https://postcss-sort-media-queries.github.io)
 @media screen and (max-width: 760px) {
   .footer { color: #cdcdcd }
 }
-@media screen and (max-width: 640px) {
+@media screen and (width < 640px) {
   /* combined */
   .header { color: #cdcdcd }
   .main { color: #cdcdcd }