|
29 | 29 | - [Ish stoli kompyuter qurilmalarni tartiblash](#ish-stoli-kompyuter-qurilmalarni-tartiblash)
|
30 | 30 | - [O'rnatish](#ornatish)
|
31 | 31 | - [Foydalanish](#foydalanish)
|
32 |
| - - [Variantlar](#variantlar) |
| 32 | + - [Optsiyalar](#optsiyalar) |
33 | 33 | - [Saralash](#saralash)
|
34 | 34 | - [Maxsus tartiblash funksiyasi](#maxsus-tartiblash-funksiyasi)
|
35 | 35 | - [Saralash konfiguratsiyasi](#saralash-konfiguratsiyasi)
|
36 | 36 | - [O'zgarishlar jurnali](#ozgarishlar-jurnali)
|
37 | 37 | - [Litsenziya](#litsenziya)
|
38 |
| - - [Boshqa PostCSS plaginlari](#boshqa-postCSS-plaginlari) |
| 38 | + - [Boshqa PostCSS plaginlari](#boshqa-postcss-plaginlari) |
39 | 39 | - [Rahmat 💪](#rahmat)
|
40 | 40 |
|
41 | 41 |
|
@@ -178,3 +178,89 @@ module.exports = {
|
178 | 178 |
|
179 | 179 | Agar siz PostCSS-dan foydalanmasangiz, uni [official docs] ga
|
180 | 180 | muvofiq qo'shing va sozlamalarda ushbu plaginni o'rnating.
|
| 181 | + |
| 182 | + |
| 183 | +## Optsiyalar |
| 184 | + |
| 185 | +> Saralash asosida ishlaydi, funktsiyasi [dutchenkoOleg/sort-css-media-queries](https://github.com/dutchenkoOleg/sort-css-media-queries) |
| 186 | +
|
| 187 | +### Saralash |
| 188 | + |
| 189 | +Ushbu parametr **string** yoki **funktsiya** qiymatlarini qo'llab-quvvatlaydi. |
| 190 | + |
| 191 | +- `{string}` `'mobile-first'` - (standart) mobil qurilmalarni tartiblash |
| 192 | +- `{string}` `'desktop-first'` - kompyuter qurilmalarni tartiblash |
| 193 | +- `{function}` o'zingizning saralash funksiyangiz |
| 194 | + |
| 195 | +#### `'mobil-qurilmalar'` |
| 196 | + |
| 197 | +```js |
| 198 | +postcss([ |
| 199 | + sortMediaQueries({ |
| 200 | + sort: 'mobile-first' // standart |
| 201 | + }) |
| 202 | +]).process(css); |
| 203 | +``` |
| 204 | + |
| 205 | +#### `'kompyuter-qurilmalar'` |
| 206 | + |
| 207 | +```js |
| 208 | +postcss([ |
| 209 | + sortMediaQueries({ |
| 210 | + sort: 'desktop-first' |
| 211 | + }) |
| 212 | +]).process(css); |
| 213 | +``` |
| 214 | + |
| 215 | +### Maxsus tartiblash funksiyasi |
| 216 | +```js |
| 217 | +postcss([ |
| 218 | + sortMediaQueries({ |
| 219 | + function(a, b) { |
| 220 | + return a.localeCompare(b); |
| 221 | + } |
| 222 | + }) |
| 223 | +]).process(css); |
| 224 | +``` |
| 225 | + |
| 226 | +Ishbu misolda barcha media so'rovlaringiz A dan Z gacha tartib bo'yicha saralanadi |
| 227 | + |
| 228 | +Ushbu tartiblash funksiyasi to'g'ridan-to'g'ri barcha media so'rovlaringiz qatorini Array#sort() usuliga o'tkaziladi. |
| 229 | + |
| 230 | +### Saralash konfiguratsiyasi |
| 231 | + |
| 232 | +Ushbu konfiguratsiya orqali siz tartiblash xatti-harakatlarini boshqarishingiz mumkin. |
| 233 | + |
| 234 | +```js |
| 235 | +postcss([ |
| 236 | + sortMediaQueries({ |
| 237 | + configuration: { |
| 238 | + unitlessMqAlwaysFirst: true, // yoki false |
| 239 | + } |
| 240 | + }) |
| 241 | +]).process(css); |
| 242 | +``` |
| 243 | + |
| 244 | +Yoki muqobil ravishda loyihangiz ildizida “sort-css-mq.config.json” faylini yarating. Yoki “package.json”ingizga “sortCssMQ: {}” xususiyatini qo‘shing. |
| 245 | + |
| 246 | +--- |
| 247 | + |
| 248 | +## O'zgarishlar jurnali |
| 249 | + |
| 250 | +Bu yerda: [Releases history] |
| 251 | + |
| 252 | +## Litsenziya |
| 253 | + |
| 254 | +[MIT] |
| 255 | + |
| 256 | +## Boshqa PostCSS plaginlari |
| 257 | + |
| 258 | +- [`postcss-momentum-scrolling`](https://github.com/solversgroup/postcss-momentum-scrolling) - iOS tizimida toʻlib-toshgan (aylantirish, avtomatik) elementlar uchun **momentum** uslubidagi aylantirish harakatini qoʻshish uchun plagin (`-webkit-overflow-scrolling:touch`) |
| 259 | + |
| 260 | +## Rahmat |
| 261 | + |
| 262 | +- Andrey Sitnik [@ai](https://github.com/ai) |
| 263 | +- Oleh Dutchenko [@dutchenkoOleg](https://github.com/dutchenkoOleg) |
| 264 | +- Jakub Caban [@Lustmored](https://github.com/Lustmored) |
| 265 | +- Dmytro Symonov [@Kassaila](https://github.com/Kassaila) |
| 266 | +- Kai Falkowski [@SassNinja](https://github.com/SassNinja) |
0 commit comments