Skip to content

Commit bb04c6d

Browse files
Khayotbek1yunusga
authored andcommitted
Options
1 parent 62f753f commit bb04c6d

File tree

1 file changed

+88
-2
lines changed

1 file changed

+88
-2
lines changed

README-UZ.md

Lines changed: 88 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,13 +29,13 @@
2929
- [Ish stoli kompyuter qurilmalarni tartiblash](#ish-stoli-kompyuter-qurilmalarni-tartiblash)
3030
- [O'rnatish](#ornatish)
3131
- [Foydalanish](#foydalanish)
32-
- [Variantlar](#variantlar)
32+
- [Optsiyalar](#optsiyalar)
3333
- [Saralash](#saralash)
3434
- [Maxsus tartiblash funksiyasi](#maxsus-tartiblash-funksiyasi)
3535
- [Saralash konfiguratsiyasi](#saralash-konfiguratsiyasi)
3636
- [O'zgarishlar jurnali](#ozgarishlar-jurnali)
3737
- [Litsenziya](#litsenziya)
38-
- [Boshqa PostCSS plaginlari](#boshqa-postCSS-plaginlari)
38+
- [Boshqa PostCSS plaginlari](#boshqa-postcss-plaginlari)
3939
- [Rahmat 💪](#rahmat)
4040

4141

@@ -178,3 +178,89 @@ module.exports = {
178178

179179
Agar siz PostCSS-dan foydalanmasangiz, uni [official docs] ga
180180
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

Comments
 (0)