[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"custom-urls-\u002Fcss\u002Fsass-mediascreen":3,"categories-menu":10,"post-sass-mediascreen-opredelyaem-devaysy-na-css":120,"post-content-sass-mediascreen-opredelyaem-devaysy-na-css":165,"post-comments-m7c1icp5gt0x73ssyc67atvc":2775,"tags":2776},{"type":4,"entity":5,"path":8},"post",{"documentId":6,"slug":7},"m7c1icp5gt0x73ssyc67atvc","sass-mediascreen-opredelyaem-devaysy-na-css",{"uri":9},"\u002Fcss\u002Fsass-mediascreen",[11,31,104],{"id":12,"documentId":13,"name":14,"slug":15,"desc":16,"published":17,"uri":18,"showmenu":17,"createdAt":19,"updatedAt":20,"publishedAt":21,"locale":22,"heading":16,"order":23,"posts":24},4,"dw88ipzixowg4rbtqhna1fck","Личное","self",null,true,"\u002Fself","2026-05-17T11:06:55.868Z","2026-05-19T09:58:08.297Z","2026-05-19T09:58:08.291Z","en",0,[25,28],{"id":26,"documentId":27},61,"otr8hblo0fac9ovggct48osv",{"id":29,"documentId":30},76,"z77qh8cg0mcz533087epr6xu",{"id":32,"documentId":33,"name":34,"slug":35,"desc":16,"published":17,"uri":36,"showmenu":17,"createdAt":37,"updatedAt":38,"publishedAt":39,"locale":22,"heading":16,"order":40,"posts":41},2,"oxow5hzkizd4dgongka7hxvf","Рабочее","work","\u002Fwork","2026-05-15T07:43:18.016Z","2026-05-19T09:58:08.301Z","2026-05-19T09:58:08.295Z",1,[42,45,48,51,54,57,60,63,66,69,72,75,78,81,83,86,89,92,95,98,101],{"id":43,"documentId":44},71,"tciv16vv801l5eg5m4rx3gal",{"id":46,"documentId":47},80,"x8y72z9yibyjcllzwes23h43",{"id":49,"documentId":50},81,"v06yaukpbxnypv0bh0s48osu",{"id":52,"documentId":53},82,"wgd4f0022pq1pwbvq04rq0x0",{"id":55,"documentId":56},83,"i8wiipabpbxtcofme04ncqjy",{"id":58,"documentId":59},84,"ny1dz9tknms3219nrc5oaahy",{"id":61,"documentId":62},89,"igz67vanm4ke94cilkgrts2i",{"id":64,"documentId":65},95,"fa4sibhpf6ohmet6qo3s4ywx",{"id":67,"documentId":68},96,"u7g77d0bu0rv1u67qea9kglu",{"id":70,"documentId":71},98,"exnbib5xi3fgt7mku9q8ithc",{"id":73,"documentId":74},99,"bja31j10up0ffiqw1j5nfr79",{"id":76,"documentId":77},100,"ztrhdkce10c349k6jngsqz72",{"id":79,"documentId":80},101,"gsf74mv1zc39kkejpvy70lfk",{"id":82,"documentId":6},102,{"id":84,"documentId":85},103,"yz8vml65wloblc0dsp1okc8l",{"id":87,"documentId":88},104,"lquxceynryigq9wdydiwby7f",{"id":90,"documentId":91},105,"yy6x55uwn90hzkzz0786ev1q",{"id":93,"documentId":94},106,"ns37ttwnqxfc86lw6355bx9n",{"id":96,"documentId":97},107,"bjlqk6v41quti6geq9hs4ta6",{"id":99,"documentId":100},108,"ztumsu968y7otczfxrol0o19",{"id":102,"documentId":103},109,"xxxi8etz2ay3839xvw2oz9ym",{"id":105,"documentId":106,"name":107,"slug":108,"desc":16,"published":17,"uri":109,"showmenu":17,"createdAt":110,"updatedAt":111,"publishedAt":112,"locale":22,"heading":16,"order":32,"posts":113},3,"cat0obshestvennoe000001","Общественное","public","\u002Fpublic","2026-05-15T18:29:50.696Z","2026-05-19T09:58:05.992Z","2026-05-19T09:58:05.985Z",[114,117],{"id":115,"documentId":116},74,"u55grcuibxa3e64ymhoaav2v",{"id":118,"documentId":119},92,"rcz3w4mhmhb54ps3o8j462fp",{"id":82,"documentId":6,"title":121,"slug":7,"content":122,"desc":123,"intro":124,"uri":9,"published":17,"publishedDate":125,"showComments":17,"canComment":17,"telegramId":16,"telegramLink":16,"telegramHash":16,"telegramSetReaction":17,"telegramPasteImage":126,"telegramPasteTitle":126,"telegramPasteLink":126,"internalMeta":127,"createdAt":129,"updatedAt":130,"publishedAt":131,"locale":16,"coverCaption":132,"showOnHome":17,"category":133,"cover":16,"tags":134,"author":149,"comments":23,"reactions":164},"Sass MediaScreen — Определяем девайсы на CSS","Я считаю, что в последнее время разница размера экранов между разными группами устройств всё больше размывается. Не смотря на это я попытался написать инструмент для определения, как групп устройств (мобильники, планшеты, лаптопы, десктопы), так и конкретных девайсов (iPhone 5, iPhone X, iPad Pro 12 и т.д.). Получилась, на мой взгляд, довольно удобная пачка SASS-миксинов. И что немаловажно, инструмент прост в использовании, а также позволяет расширять список устройств своим без правки исходников.\r\n\r\nДемку [потыкать можно тут](http:\u002F\u002Fmediascreen.gvozdb.ru\u002F).\r\n\r\n### Сразу пара оговорочек:\r\n\r\n- Не проверяйте адаптивность в браузерном DevTools, там [неправильно расчитываются размеры сторон](https:\u002F\u002Fcodepen.io\u002Fgvozdb\u002Fpen\u002FbPQmvv) в ландшафтной ориентации устройства. Проверять лучше на реальном устройстве или в симуляторе (например, xCode Simulator).\r\n- Используйте [group-css-media-queries](https:\u002F\u002Fgithub.com\u002FSe7enSky\u002Fgroup-css-media-queries) для объединения одинаковых медиа запросов. Без него генерируется много повторяющегося кода `@media ...`, если ради удобства использовать миксин `@include device()` в каждом селекторе отдельно. Обёртка для Gulp - [gulp-group-css-media-queries](https:\u002F\u002Fgithub.com\u002Favaly\u002Fgulp-group-css-media-queries).\r\n\r\n## Установка\r\n\r\nСкачиваем библиотеку:\r\n\r\n```bash\r\n$ yarn add sass-mediascreen\r\nили\r\n$ npm install sass-mediascreen\r\nили\r\n$ curl -O https:\u002F\u002Fraw.githubusercontent.com\u002Fgvozdb\u002Fsass-mediascreen\u002Fmaster\u002F_mediascreen.scss\r\n```\r\n\r\nИ подключаем миксины в наше приложение:\\\r\n`@import \"mediascreen\";`\r\n\r\n## Примеры\r\n\r\nВот так можно проверять конкретные устройства:\r\n\r\n```scss\r\n@include device(iPhone5, portrait) {\r\n    \u002F\u002F portrait orientation\r\n    \u002F\u002F iPhone 5, iPhone 5s, iPhone 5c, iPhone SE\r\n}\r\n@include device(iPhone6Plus iPhoneXR, landscape) {\r\n    \u002F\u002F landscape orientation\r\n    \u002F\u002F iPhone 6+, iPhone 6s+, iPhone 7+, iPhone 8+, iPhone XR\r\n}\r\n@include device(iPadPro10 iPadPro11 iPadPro12) {\r\n    \u002F\u002F all orientations\r\n    \u002F\u002F iPad Pro 10.5, iPad Pro 11, iPad Pro 12.9\r\n}\r\n```\r\n\r\nВот так группы устройств:\r\n\r\n```scss\r\n@include device(desktop) {\r\n    \u002F\u002F all orientations\r\n    \u002F\u002F desktop\r\n}\r\n@include device(mobile tablet laptop, landscape) {\r\n    \u002F\u002F landscape orientation\r\n    \u002F\u002F mobile, tablet, laptop\r\n}\r\n@include device(mobile-landscape tablet laptop) {\r\n    \u002F\u002F landscape orientation\r\n    \u002F\u002F mobile\r\n\r\n    \u002F\u002F all orientations\r\n    \u002F\u002F tablet, laptop\r\n}\r\n@include device(mobile-landscape tablet laptop, portrait) {\r\n    \u002F\u002F landscape orientation\r\n    \u002F\u002F mobile\r\n\r\n    \u002F\u002F portrait orientation\r\n    \u002F\u002F tablet, laptop\r\n}\r\n```\r\n\r\nА это стандартные миксины для проверки размеров экрана (от, до) и текущей ориентации устройства:\r\n\r\n```scss\r\n@include screen(min-width, max-width, orientation) { \u002F*...*\u002F }\r\n@include min-screen(width) { \u002F*...*\u002F }\r\n@include max-screen(width) { \u002F*...*\u002F }\r\n\r\n@include screen-height(min-height, max-height, orientation) { \u002F*...*\u002F }\r\n@include min-screen-height(height) { \u002F*...*\u002F }\r\n@include max-screen-height(height) { \u002F*...*\u002F }\r\n\r\n@include landscape() { \u002F*...*\u002F }\r\n@include portrait() { \u002F*...*\u002F }\r\n```\r\n\r\n## Список поддерживаемых устройств\r\n\r\n**Группы**\r\n\r\n- Мобильники 320-767px - `mobile`, `mobile-portrait`, `mobile-landscape`\r\n- Планшеты 768-1023px - `tablet`, `tablet-portrait`, `tablet-landscape`\r\n- Лаптопы 1024-1199px - `laptop`, `laptop-portrait`, `laptop-landscape`\r\n- Десктопы >=1200px - `desktop`, `desktop-portrait`, `desktop-landscape`\r\n\r\n**Телефоны**\r\n\r\n- iPhone 5, 5s, 5c, SE - `iphone5`, `iphone5s`, `iphone5c`, `iphonese`\r\n- iPhone 6, 6s, 7, 8 - `iphone6`, `iphone6s`, `iphone7`, `iphone8`\r\n- iPhone 6+, 6s+, 7+, 8+ - `iphone6plus`, `iphone6splus`, `iphone7plus`, `iphone8plus`\r\n- iPhone X, XS, 11 Pro - `iphonex`, `iphonexs`, `iphone11pro`\r\n- iPhone XR, 11 `iphonexr`, `iphone11`\r\n- iPhone XS Max, 11 Pro Max `iphonexsmax`, `iphone11promax`\r\n- iPhone 12, 12 Pro, 13, 13 Pro `iphone12`, `iphone12pro`, `iphone13`, `iphone13pro`\r\n- iPhone 12 mini, 13 mini `iphone12mini`, `iphone13mini`\r\n- iPhone 12 Pro Max, 13 Pro Max `iphone12promax`, `iphone13promax`\r\n\r\n**Планшеты**\r\n\r\n- iPad 1, 2, Mini, Air - `ipad1`, `ipad2`, `ipadmini`, `ipadair`\r\n- iPad 3, 4, Pro 9.7\" - `ipad3`, `ipad4`, `ipadpro9`\r\n- iPad Pro 10.5\" - `ipadpro10`\r\n- iPad Pro 11.0\" - `ipadpro11`\r\n\r\n**Лаптопы**\r\n\r\n- iPad Pro 12.9\" - `ipadpro12`\\\r\n  *Увы, по размерам экрана, iPad Pro 12 - это лаптоп!*\r\n\r\n## Расширение списка устройств\r\n\r\nКак я говорил ранее, можно добавлять поддержку кастомных девайсов или групп устройств без правки исходников библиотеки. Для этого, перед импортом `@import \"mediascreen\"`, нужно объявить Sass-переменную `$ms-devices` со списком своих девайсов:\r\n\r\n```scss\r\n$ms-devices: (\r\n    desktop-sm: (\r\n        group: true, \u002F\u002F флаг означает - группа девайсов\r\n        min: 1200px,\r\n        max: 1919px,\r\n    ),\r\n    desktop-md: (\r\n        group: true,\r\n        min: 1920px,\r\n        max: 2879px,\r\n    ),\r\n    desktop-lg: (\r\n        group: true,\r\n        min: 2880px,\r\n    ),\r\n    pixel2xl: (\r\n        group: false, \u002F\u002F флаг означает - конкретный девайс\r\n        width: 411px, \u002F\u002F or 412px?..\r\n        height: 823px,\r\n        pixel-ratio: 3.5,\r\n    ),\r\n    macbook12: (\r\n        group: false,\r\n        orientation: landscape,\r\n        width: 1440px,\r\n        height: 900px,\r\n        pixel-ratio: 2,\r\n    ),\r\n    imac27: (\r\n        group: false,\r\n        orientation: landscape,\r\n        width: 5120px,\r\n        height: 2880px,\r\n    ),\r\n);\r\n@import \"mediascreen\";\r\n```\r\n\r\nПосле этого проверять свои устройства можно также, как и стандартные устройства библиотеки:\r\n\r\n```scss\r\n@include device(desktop-sm) {\r\n    \u002F\u002F desktop-sm\r\n}\r\n@include device(desktop-md) {\r\n    \u002F\u002F desktop-md\r\n}\r\n@include device(desktop-lg) {\r\n    \u002F\u002F desktop-lg\r\n}\r\n@include device(Pixel2XL, landscape) {\r\n    \u002F\u002F landscape orientation\r\n    \u002F\u002F Google Pixel 2XL\r\n}\r\n@include device(MacBook12) {\r\n    \u002F\u002F landscape orientation\r\n    \u002F\u002F MacBook 12\r\n}\r\n@include device(iMac27) {\r\n    \u002F\u002F landscape orientation\r\n    \u002F\u002F iMac 27\r\n}\r\n```\r\n\r\n## Ссылки\r\n\r\n[Библиотека на GitHub](https:\u002F\u002Fgithub.com\u002Fgvozdb\u002Fsass-mediascreen)\\\r\n[Библиотека в репозитории Npm](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fsass-mediascreen)\\\r\n[Демо страничка](http:\u002F\u002Fmediascreen.gvozdb.ru\u002F)","","Я считаю, что в последнее время разница размера экранов между разными группами устройств всё больше размывается. Не смотря на это я попытался написать инструмент для определения, как групп устройств (мобильники, планшеты, лаптопы, десктопы), так и конкретных девайсов (iPhone 5, iPhone X, iPad Pro 12 и т.д.). Получилась, на мой взгляд, довольно удобная пачка SASS-миксинов. И что немаловажно, инструмент прост в использовании, а также позволяет расширять список устройств своим без правки исходников.","2022-01-04T06:49:00.000Z",false,{"addToTelegram":128,"editInTelegram":128,"removeFromTelegram":128},"false","2026-05-16T14:27:45.183Z","2026-05-17T10:17:57.936Z","2026-05-17T10:17:57.922Z","sass-mediascreen",{"id":32,"documentId":33,"name":34,"slug":35,"desc":16,"published":17,"uri":36,"showmenu":17,"createdAt":37,"updatedAt":38,"publishedAt":39,"locale":22,"heading":16,"order":40},[135,142],{"id":136,"documentId":137,"name":138,"slug":139,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":140,"updatedAt":140,"publishedAt":141,"locale":22,"heading":16,"desc":16},13,"qolbs7a9lkvr15oytyy3gj03","CSS","css","2026-05-16T10:03:45.289Z","2026-05-16T10:03:45.283Z",{"id":143,"documentId":144,"name":145,"slug":146,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":147,"updatedAt":147,"publishedAt":148,"locale":22,"heading":16,"desc":16},14,"lz1k1ridxwxre34lzf0jfl3t","SASS","sass","2026-05-16T10:03:45.319Z","2026-05-16T10:03:45.314Z",{"id":40,"documentId":150,"username":151,"provider":123,"confirmed":17,"blocked":126,"telegramId":152,"telegramData":153,"icon":16,"firstname":157,"lastname":156,"phone":154,"locale":16,"role":158,"avatar":16},"mr9zlrq1858u3k1t8r6dmlly","pavelgvozdb","133652371",{"id":152,"phone":154,"premium":126,"language":155,"lastname":156,"username":151,"firstname":157},"77025551199","ru","Гвоздь","Павел",{"id":105,"documentId":159,"name":160,"description":161,"type":162,"createdAt":163,"updatedAt":163,"publishedAt":163,"locale":16},"agv9d9dnu7pxc9ked3amj647","Admin","Главный админ блога — полный доступ к управлению на фронтенде","admin","2026-05-15T18:45:58.088Z",{"like":40,"dislike":23},{"data":166,"body":167,"toc":2767},{"title":123,"description":124},{"type":168,"children":169},"root",[170,177,193,200,258,265,270,368,383,389,394,584,589,873,878,1216,1222,1231,1332,1340,1568,1576,1658,1666,1689,1695,1716,2407,2412,2726,2732,2761],{"type":171,"tag":172,"props":173,"children":174},"element","p",{},[175],{"type":176,"value":124},"text",{"type":171,"tag":172,"props":178,"children":179},{},[180,182,191],{"type":176,"value":181},"Демку ",{"type":171,"tag":183,"props":184,"children":188},"a",{"href":185,"rel":186},"http:\u002F\u002Fmediascreen.gvozdb.ru\u002F",[187],"nofollow",[189],{"type":176,"value":190},"потыкать можно тут",{"type":176,"value":192},".",{"type":171,"tag":194,"props":195,"children":197},"h3",{"id":196},"сразу-пара-оговорочек",[198],{"type":176,"value":199},"Сразу пара оговорочек:",{"type":171,"tag":201,"props":202,"children":203},"ul",{},[204,219],{"type":171,"tag":205,"props":206,"children":207},"li",{},[208,210,217],{"type":176,"value":209},"Не проверяйте адаптивность в браузерном DevTools, там ",{"type":171,"tag":183,"props":211,"children":214},{"href":212,"rel":213},"https:\u002F\u002Fcodepen.io\u002Fgvozdb\u002Fpen\u002FbPQmvv",[187],[215],{"type":176,"value":216},"неправильно расчитываются размеры сторон",{"type":176,"value":218}," в ландшафтной ориентации устройства. Проверять лучше на реальном устройстве или в симуляторе (например, xCode Simulator).",{"type":171,"tag":205,"props":220,"children":221},{},[222,224,231,233,240,242,248,250,257],{"type":176,"value":223},"Используйте ",{"type":171,"tag":183,"props":225,"children":228},{"href":226,"rel":227},"https:\u002F\u002Fgithub.com\u002FSe7enSky\u002Fgroup-css-media-queries",[187],[229],{"type":176,"value":230},"group-css-media-queries",{"type":176,"value":232}," для объединения одинаковых медиа запросов. Без него генерируется много повторяющегося кода ",{"type":171,"tag":234,"props":235,"children":237},"code",{"className":236},[],[238],{"type":176,"value":239},"@media ...",{"type":176,"value":241},", если ради удобства использовать миксин ",{"type":171,"tag":234,"props":243,"children":245},{"className":244},[],[246],{"type":176,"value":247},"@include device()",{"type":176,"value":249}," в каждом селекторе отдельно. Обёртка для Gulp - ",{"type":171,"tag":183,"props":251,"children":254},{"href":252,"rel":253},"https:\u002F\u002Fgithub.com\u002Favaly\u002Fgulp-group-css-media-queries",[187],[255],{"type":176,"value":256},"gulp-group-css-media-queries",{"type":176,"value":192},{"type":171,"tag":259,"props":260,"children":262},"h2",{"id":261},"установка",[263],{"type":176,"value":264},"Установка",{"type":171,"tag":172,"props":266,"children":267},{},[268],{"type":176,"value":269},"Скачиваем библиотеку:",{"type":171,"tag":271,"props":272,"children":277},"pre",{"className":273,"code":274,"language":275,"meta":123,"style":276},"language-bash shiki shiki-themes github-light catppuccin-mocha","$ yarn add sass-mediascreen\nили\n$ npm install sass-mediascreen\nили\n$ curl -O https:\u002F\u002Fraw.githubusercontent.com\u002Fgvozdb\u002Fsass-mediascreen\u002Fmaster\u002F_mediascreen.scss\n","bash","--shiki-default:#24292e;--shiki-dark:#cdd6f4;--shiki-default-bg:#fff;--shiki-dark-bg:#1e1e2e",[278],{"type":171,"tag":234,"props":279,"children":280},{"__ignoreMap":123},[281,308,316,337,344],{"type":171,"tag":282,"props":283,"children":285},"span",{"class":284,"line":40},"line",[286,292,298,303],{"type":171,"tag":282,"props":287,"children":289},{"style":288},"--shiki-default:#6F42C1;--shiki-default-font-style:inherit;--shiki-dark:#89B4FA;--shiki-dark-font-style:italic",[290],{"type":176,"value":291},"$",{"type":171,"tag":282,"props":293,"children":295},{"style":294},"--shiki-default:#032F62;--shiki-dark:#A6E3A1",[296],{"type":176,"value":297}," yarn",{"type":171,"tag":282,"props":299,"children":300},{"style":294},[301],{"type":176,"value":302}," add",{"type":171,"tag":282,"props":304,"children":305},{"style":294},[306],{"type":176,"value":307}," sass-mediascreen\n",{"type":171,"tag":282,"props":309,"children":310},{"class":284,"line":32},[311],{"type":171,"tag":282,"props":312,"children":313},{"style":288},[314],{"type":176,"value":315},"или\n",{"type":171,"tag":282,"props":317,"children":318},{"class":284,"line":105},[319,323,328,333],{"type":171,"tag":282,"props":320,"children":321},{"style":288},[322],{"type":176,"value":291},{"type":171,"tag":282,"props":324,"children":325},{"style":294},[326],{"type":176,"value":327}," npm",{"type":171,"tag":282,"props":329,"children":330},{"style":294},[331],{"type":176,"value":332}," install",{"type":171,"tag":282,"props":334,"children":335},{"style":294},[336],{"type":176,"value":307},{"type":171,"tag":282,"props":338,"children":339},{"class":284,"line":12},[340],{"type":171,"tag":282,"props":341,"children":342},{"style":288},[343],{"type":176,"value":315},{"type":171,"tag":282,"props":345,"children":347},{"class":284,"line":346},5,[348,352,357,363],{"type":171,"tag":282,"props":349,"children":350},{"style":288},[351],{"type":176,"value":291},{"type":171,"tag":282,"props":353,"children":354},{"style":294},[355],{"type":176,"value":356}," curl",{"type":171,"tag":282,"props":358,"children":360},{"style":359},"--shiki-default:#005CC5;--shiki-dark:#A6E3A1",[361],{"type":176,"value":362}," -O",{"type":171,"tag":282,"props":364,"children":365},{"style":294},[366],{"type":176,"value":367}," https:\u002F\u002Fraw.githubusercontent.com\u002Fgvozdb\u002Fsass-mediascreen\u002Fmaster\u002F_mediascreen.scss\n",{"type":171,"tag":172,"props":369,"children":370},{},[371,373,377],{"type":176,"value":372},"И подключаем миксины в наше приложение:",{"type":171,"tag":374,"props":375,"children":376},"br",{},[],{"type":171,"tag":234,"props":378,"children":380},{"className":379},[],[381],{"type":176,"value":382},"@import \"mediascreen\";",{"type":171,"tag":259,"props":384,"children":386},{"id":385},"примеры",[387],{"type":176,"value":388},"Примеры",{"type":171,"tag":172,"props":390,"children":391},{},[392],{"type":176,"value":393},"Вот так можно проверять конкретные устройства:",{"type":171,"tag":271,"props":395,"children":399},{"className":396,"code":397,"language":398,"meta":123,"style":276},"language-scss shiki shiki-themes github-light catppuccin-mocha","@include device(iPhone5, portrait) {\n    \u002F\u002F portrait orientation\n    \u002F\u002F iPhone 5, iPhone 5s, iPhone 5c, iPhone SE\n}\n@include device(iPhone6Plus iPhoneXR, landscape) {\n    \u002F\u002F landscape orientation\n    \u002F\u002F iPhone 6+, iPhone 6s+, iPhone 7+, iPhone 8+, iPhone XR\n}\n@include device(iPadPro10 iPadPro11 iPadPro12) {\n    \u002F\u002F all orientations\n    \u002F\u002F iPad Pro 10.5, iPad Pro 11, iPad Pro 12.9\n}\n","scss",[400],{"type":171,"tag":234,"props":401,"children":402},{"__ignoreMap":123},[403,445,454,462,470,503,512,521,529,558,567,576],{"type":171,"tag":282,"props":404,"children":405},{"class":284,"line":40},[406,412,417,423,429,435,440],{"type":171,"tag":282,"props":407,"children":409},{"style":408},"--shiki-default:#D73A49;--shiki-dark:#CBA6F7",[410],{"type":176,"value":411},"@include",{"type":171,"tag":282,"props":413,"children":414},{"style":288},[415],{"type":176,"value":416}," device",{"type":171,"tag":282,"props":418,"children":420},{"style":419},"--shiki-default:#24292E;--shiki-dark:#9399B2",[421],{"type":176,"value":422},"(",{"type":171,"tag":282,"props":424,"children":426},{"style":425},"--shiki-default:#24292E;--shiki-dark:#CDD6F4",[427],{"type":176,"value":428},"iPhone5, ",{"type":171,"tag":282,"props":430,"children":432},{"style":431},"--shiki-default:#005CC5;--shiki-dark:#CDD6F4",[433],{"type":176,"value":434},"portrait",{"type":171,"tag":282,"props":436,"children":437},{"style":419},[438],{"type":176,"value":439},")",{"type":171,"tag":282,"props":441,"children":442},{"style":419},[443],{"type":176,"value":444}," {\n",{"type":171,"tag":282,"props":446,"children":447},{"class":284,"line":32},[448],{"type":171,"tag":282,"props":449,"children":451},{"style":450},"--shiki-default:#6A737D;--shiki-default-font-style:inherit;--shiki-dark:#9399B2;--shiki-dark-font-style:italic",[452],{"type":176,"value":453},"    \u002F\u002F portrait orientation\n",{"type":171,"tag":282,"props":455,"children":456},{"class":284,"line":105},[457],{"type":171,"tag":282,"props":458,"children":459},{"style":450},[460],{"type":176,"value":461},"    \u002F\u002F iPhone 5, iPhone 5s, iPhone 5c, iPhone SE\n",{"type":171,"tag":282,"props":463,"children":464},{"class":284,"line":12},[465],{"type":171,"tag":282,"props":466,"children":467},{"style":419},[468],{"type":176,"value":469},"}\n",{"type":171,"tag":282,"props":471,"children":472},{"class":284,"line":346},[473,477,481,485,490,495,499],{"type":171,"tag":282,"props":474,"children":475},{"style":408},[476],{"type":176,"value":411},{"type":171,"tag":282,"props":478,"children":479},{"style":288},[480],{"type":176,"value":416},{"type":171,"tag":282,"props":482,"children":483},{"style":419},[484],{"type":176,"value":422},{"type":171,"tag":282,"props":486,"children":487},{"style":425},[488],{"type":176,"value":489},"iPhone6Plus iPhoneXR, ",{"type":171,"tag":282,"props":491,"children":492},{"style":431},[493],{"type":176,"value":494},"landscape",{"type":171,"tag":282,"props":496,"children":497},{"style":419},[498],{"type":176,"value":439},{"type":171,"tag":282,"props":500,"children":501},{"style":419},[502],{"type":176,"value":444},{"type":171,"tag":282,"props":504,"children":506},{"class":284,"line":505},6,[507],{"type":171,"tag":282,"props":508,"children":509},{"style":450},[510],{"type":176,"value":511},"    \u002F\u002F landscape orientation\n",{"type":171,"tag":282,"props":513,"children":515},{"class":284,"line":514},7,[516],{"type":171,"tag":282,"props":517,"children":518},{"style":450},[519],{"type":176,"value":520},"    \u002F\u002F iPhone 6+, iPhone 6s+, iPhone 7+, iPhone 8+, iPhone XR\n",{"type":171,"tag":282,"props":522,"children":524},{"class":284,"line":523},8,[525],{"type":171,"tag":282,"props":526,"children":527},{"style":419},[528],{"type":176,"value":469},{"type":171,"tag":282,"props":530,"children":532},{"class":284,"line":531},9,[533,537,541,545,550,554],{"type":171,"tag":282,"props":534,"children":535},{"style":408},[536],{"type":176,"value":411},{"type":171,"tag":282,"props":538,"children":539},{"style":288},[540],{"type":176,"value":416},{"type":171,"tag":282,"props":542,"children":543},{"style":419},[544],{"type":176,"value":422},{"type":171,"tag":282,"props":546,"children":547},{"style":425},[548],{"type":176,"value":549},"iPadPro10 iPadPro11 iPadPro12",{"type":171,"tag":282,"props":551,"children":552},{"style":419},[553],{"type":176,"value":439},{"type":171,"tag":282,"props":555,"children":556},{"style":419},[557],{"type":176,"value":444},{"type":171,"tag":282,"props":559,"children":561},{"class":284,"line":560},10,[562],{"type":171,"tag":282,"props":563,"children":564},{"style":450},[565],{"type":176,"value":566},"    \u002F\u002F all orientations\n",{"type":171,"tag":282,"props":568,"children":570},{"class":284,"line":569},11,[571],{"type":171,"tag":282,"props":572,"children":573},{"style":450},[574],{"type":176,"value":575},"    \u002F\u002F iPad Pro 10.5, iPad Pro 11, iPad Pro 12.9\n",{"type":171,"tag":282,"props":577,"children":579},{"class":284,"line":578},12,[580],{"type":171,"tag":282,"props":581,"children":582},{"style":419},[583],{"type":176,"value":469},{"type":171,"tag":172,"props":585,"children":586},{},[587],{"type":176,"value":588},"Вот так группы устройств:",{"type":171,"tag":271,"props":590,"children":592},{"className":396,"code":591,"language":398,"meta":123,"style":276},"@include device(desktop) {\n    \u002F\u002F all orientations\n    \u002F\u002F desktop\n}\n@include device(mobile tablet laptop, landscape) {\n    \u002F\u002F landscape orientation\n    \u002F\u002F mobile, tablet, laptop\n}\n@include device(mobile-landscape tablet laptop) {\n    \u002F\u002F landscape orientation\n    \u002F\u002F mobile\n\n    \u002F\u002F all orientations\n    \u002F\u002F tablet, laptop\n}\n@include device(mobile-landscape tablet laptop, portrait) {\n    \u002F\u002F landscape orientation\n    \u002F\u002F mobile\n\n    \u002F\u002F portrait orientation\n    \u002F\u002F tablet, laptop\n}\n",[593],{"type":171,"tag":234,"props":594,"children":595},{"__ignoreMap":123},[596,624,631,639,646,678,685,693,700,738,745,753,761,768,776,784,825,833,841,849,857,865],{"type":171,"tag":282,"props":597,"children":598},{"class":284,"line":40},[599,603,607,611,616,620],{"type":171,"tag":282,"props":600,"children":601},{"style":408},[602],{"type":176,"value":411},{"type":171,"tag":282,"props":604,"children":605},{"style":288},[606],{"type":176,"value":416},{"type":171,"tag":282,"props":608,"children":609},{"style":419},[610],{"type":176,"value":422},{"type":171,"tag":282,"props":612,"children":613},{"style":425},[614],{"type":176,"value":615},"desktop",{"type":171,"tag":282,"props":617,"children":618},{"style":419},[619],{"type":176,"value":439},{"type":171,"tag":282,"props":621,"children":622},{"style":419},[623],{"type":176,"value":444},{"type":171,"tag":282,"props":625,"children":626},{"class":284,"line":32},[627],{"type":171,"tag":282,"props":628,"children":629},{"style":450},[630],{"type":176,"value":566},{"type":171,"tag":282,"props":632,"children":633},{"class":284,"line":105},[634],{"type":171,"tag":282,"props":635,"children":636},{"style":450},[637],{"type":176,"value":638},"    \u002F\u002F desktop\n",{"type":171,"tag":282,"props":640,"children":641},{"class":284,"line":12},[642],{"type":171,"tag":282,"props":643,"children":644},{"style":419},[645],{"type":176,"value":469},{"type":171,"tag":282,"props":647,"children":648},{"class":284,"line":346},[649,653,657,661,666,670,674],{"type":171,"tag":282,"props":650,"children":651},{"style":408},[652],{"type":176,"value":411},{"type":171,"tag":282,"props":654,"children":655},{"style":288},[656],{"type":176,"value":416},{"type":171,"tag":282,"props":658,"children":659},{"style":419},[660],{"type":176,"value":422},{"type":171,"tag":282,"props":662,"children":663},{"style":425},[664],{"type":176,"value":665},"mobile tablet laptop, ",{"type":171,"tag":282,"props":667,"children":668},{"style":431},[669],{"type":176,"value":494},{"type":171,"tag":282,"props":671,"children":672},{"style":419},[673],{"type":176,"value":439},{"type":171,"tag":282,"props":675,"children":676},{"style":419},[677],{"type":176,"value":444},{"type":171,"tag":282,"props":679,"children":680},{"class":284,"line":505},[681],{"type":171,"tag":282,"props":682,"children":683},{"style":450},[684],{"type":176,"value":511},{"type":171,"tag":282,"props":686,"children":687},{"class":284,"line":514},[688],{"type":171,"tag":282,"props":689,"children":690},{"style":450},[691],{"type":176,"value":692},"    \u002F\u002F mobile, tablet, laptop\n",{"type":171,"tag":282,"props":694,"children":695},{"class":284,"line":523},[696],{"type":171,"tag":282,"props":697,"children":698},{"style":419},[699],{"type":176,"value":469},{"type":171,"tag":282,"props":701,"children":702},{"class":284,"line":531},[703,707,711,715,720,725,730,734],{"type":171,"tag":282,"props":704,"children":705},{"style":408},[706],{"type":176,"value":411},{"type":171,"tag":282,"props":708,"children":709},{"style":288},[710],{"type":176,"value":416},{"type":171,"tag":282,"props":712,"children":713},{"style":419},[714],{"type":176,"value":422},{"type":171,"tag":282,"props":716,"children":717},{"style":425},[718],{"type":176,"value":719},"mobile",{"type":171,"tag":282,"props":721,"children":722},{"style":431},[723],{"type":176,"value":724},"-",{"type":171,"tag":282,"props":726,"children":727},{"style":425},[728],{"type":176,"value":729},"landscape tablet laptop",{"type":171,"tag":282,"props":731,"children":732},{"style":419},[733],{"type":176,"value":439},{"type":171,"tag":282,"props":735,"children":736},{"style":419},[737],{"type":176,"value":444},{"type":171,"tag":282,"props":739,"children":740},{"class":284,"line":560},[741],{"type":171,"tag":282,"props":742,"children":743},{"style":450},[744],{"type":176,"value":511},{"type":171,"tag":282,"props":746,"children":747},{"class":284,"line":569},[748],{"type":171,"tag":282,"props":749,"children":750},{"style":450},[751],{"type":176,"value":752},"    \u002F\u002F mobile\n",{"type":171,"tag":282,"props":754,"children":755},{"class":284,"line":578},[756],{"type":171,"tag":282,"props":757,"children":758},{"emptyLinePlaceholder":17},[759],{"type":176,"value":760},"\n",{"type":171,"tag":282,"props":762,"children":763},{"class":284,"line":136},[764],{"type":171,"tag":282,"props":765,"children":766},{"style":450},[767],{"type":176,"value":566},{"type":171,"tag":282,"props":769,"children":770},{"class":284,"line":143},[771],{"type":171,"tag":282,"props":772,"children":773},{"style":450},[774],{"type":176,"value":775},"    \u002F\u002F tablet, laptop\n",{"type":171,"tag":282,"props":777,"children":779},{"class":284,"line":778},15,[780],{"type":171,"tag":282,"props":781,"children":782},{"style":419},[783],{"type":176,"value":469},{"type":171,"tag":282,"props":785,"children":787},{"class":284,"line":786},16,[788,792,796,800,804,808,813,817,821],{"type":171,"tag":282,"props":789,"children":790},{"style":408},[791],{"type":176,"value":411},{"type":171,"tag":282,"props":793,"children":794},{"style":288},[795],{"type":176,"value":416},{"type":171,"tag":282,"props":797,"children":798},{"style":419},[799],{"type":176,"value":422},{"type":171,"tag":282,"props":801,"children":802},{"style":425},[803],{"type":176,"value":719},{"type":171,"tag":282,"props":805,"children":806},{"style":431},[807],{"type":176,"value":724},{"type":171,"tag":282,"props":809,"children":810},{"style":425},[811],{"type":176,"value":812},"landscape tablet laptop, ",{"type":171,"tag":282,"props":814,"children":815},{"style":431},[816],{"type":176,"value":434},{"type":171,"tag":282,"props":818,"children":819},{"style":419},[820],{"type":176,"value":439},{"type":171,"tag":282,"props":822,"children":823},{"style":419},[824],{"type":176,"value":444},{"type":171,"tag":282,"props":826,"children":828},{"class":284,"line":827},17,[829],{"type":171,"tag":282,"props":830,"children":831},{"style":450},[832],{"type":176,"value":511},{"type":171,"tag":282,"props":834,"children":836},{"class":284,"line":835},18,[837],{"type":171,"tag":282,"props":838,"children":839},{"style":450},[840],{"type":176,"value":752},{"type":171,"tag":282,"props":842,"children":844},{"class":284,"line":843},19,[845],{"type":171,"tag":282,"props":846,"children":847},{"emptyLinePlaceholder":17},[848],{"type":176,"value":760},{"type":171,"tag":282,"props":850,"children":852},{"class":284,"line":851},20,[853],{"type":171,"tag":282,"props":854,"children":855},{"style":450},[856],{"type":176,"value":453},{"type":171,"tag":282,"props":858,"children":860},{"class":284,"line":859},21,[861],{"type":171,"tag":282,"props":862,"children":863},{"style":450},[864],{"type":176,"value":775},{"type":171,"tag":282,"props":866,"children":868},{"class":284,"line":867},22,[869],{"type":171,"tag":282,"props":870,"children":871},{"style":419},[872],{"type":176,"value":469},{"type":171,"tag":172,"props":874,"children":875},{},[876],{"type":176,"value":877},"А это стандартные миксины для проверки размеров экрана (от, до) и текущей ориентации устройства:",{"type":171,"tag":271,"props":879,"children":881},{"className":396,"code":880,"language":398,"meta":123,"style":276},"@include screen(min-width, max-width, orientation) { \u002F*...*\u002F }\n@include min-screen(width) { \u002F*...*\u002F }\n@include max-screen(width) { \u002F*...*\u002F }\n\n@include screen-height(min-height, max-height, orientation) { \u002F*...*\u002F }\n@include min-screen-height(height) { \u002F*...*\u002F }\n@include max-screen-height(height) { \u002F*...*\u002F }\n\n@include landscape() { \u002F*...*\u002F }\n@include portrait() { \u002F*...*\u002F }\n",[882],{"type":171,"tag":234,"props":883,"children":884},{"__ignoreMap":123},[885,945,982,1018,1025,1079,1116,1152,1159,1188],{"type":171,"tag":282,"props":886,"children":887},{"class":284,"line":40},[888,892,897,901,907,912,917,921,926,930,935,940],{"type":171,"tag":282,"props":889,"children":890},{"style":408},[891],{"type":176,"value":411},{"type":171,"tag":282,"props":893,"children":894},{"style":288},[895],{"type":176,"value":896}," screen",{"type":171,"tag":282,"props":898,"children":899},{"style":419},[900],{"type":176,"value":422},{"type":171,"tag":282,"props":902,"children":904},{"style":903},"--shiki-default:#005CC5;--shiki-dark:#89B4FA",[905],{"type":176,"value":906},"min-width",{"type":171,"tag":282,"props":908,"children":909},{"style":425},[910],{"type":176,"value":911},", ",{"type":171,"tag":282,"props":913,"children":914},{"style":903},[915],{"type":176,"value":916},"max-width",{"type":171,"tag":282,"props":918,"children":919},{"style":425},[920],{"type":176,"value":911},{"type":171,"tag":282,"props":922,"children":923},{"style":903},[924],{"type":176,"value":925},"orientation",{"type":171,"tag":282,"props":927,"children":928},{"style":419},[929],{"type":176,"value":439},{"type":171,"tag":282,"props":931,"children":932},{"style":419},[933],{"type":176,"value":934}," {",{"type":171,"tag":282,"props":936,"children":937},{"style":450},[938],{"type":176,"value":939}," \u002F*...*\u002F",{"type":171,"tag":282,"props":941,"children":942},{"style":419},[943],{"type":176,"value":944}," }\n",{"type":171,"tag":282,"props":946,"children":947},{"class":284,"line":32},[948,952,957,961,966,970,974,978],{"type":171,"tag":282,"props":949,"children":950},{"style":408},[951],{"type":176,"value":411},{"type":171,"tag":282,"props":953,"children":954},{"style":288},[955],{"type":176,"value":956}," min-screen",{"type":171,"tag":282,"props":958,"children":959},{"style":419},[960],{"type":176,"value":422},{"type":171,"tag":282,"props":962,"children":963},{"style":903},[964],{"type":176,"value":965},"width",{"type":171,"tag":282,"props":967,"children":968},{"style":419},[969],{"type":176,"value":439},{"type":171,"tag":282,"props":971,"children":972},{"style":419},[973],{"type":176,"value":934},{"type":171,"tag":282,"props":975,"children":976},{"style":450},[977],{"type":176,"value":939},{"type":171,"tag":282,"props":979,"children":980},{"style":419},[981],{"type":176,"value":944},{"type":171,"tag":282,"props":983,"children":984},{"class":284,"line":105},[985,989,994,998,1002,1006,1010,1014],{"type":171,"tag":282,"props":986,"children":987},{"style":408},[988],{"type":176,"value":411},{"type":171,"tag":282,"props":990,"children":991},{"style":288},[992],{"type":176,"value":993}," max-screen",{"type":171,"tag":282,"props":995,"children":996},{"style":419},[997],{"type":176,"value":422},{"type":171,"tag":282,"props":999,"children":1000},{"style":903},[1001],{"type":176,"value":965},{"type":171,"tag":282,"props":1003,"children":1004},{"style":419},[1005],{"type":176,"value":439},{"type":171,"tag":282,"props":1007,"children":1008},{"style":419},[1009],{"type":176,"value":934},{"type":171,"tag":282,"props":1011,"children":1012},{"style":450},[1013],{"type":176,"value":939},{"type":171,"tag":282,"props":1015,"children":1016},{"style":419},[1017],{"type":176,"value":944},{"type":171,"tag":282,"props":1019,"children":1020},{"class":284,"line":12},[1021],{"type":171,"tag":282,"props":1022,"children":1023},{"emptyLinePlaceholder":17},[1024],{"type":176,"value":760},{"type":171,"tag":282,"props":1026,"children":1027},{"class":284,"line":346},[1028,1032,1037,1041,1046,1050,1055,1059,1063,1067,1071,1075],{"type":171,"tag":282,"props":1029,"children":1030},{"style":408},[1031],{"type":176,"value":411},{"type":171,"tag":282,"props":1033,"children":1034},{"style":288},[1035],{"type":176,"value":1036}," screen-height",{"type":171,"tag":282,"props":1038,"children":1039},{"style":419},[1040],{"type":176,"value":422},{"type":171,"tag":282,"props":1042,"children":1043},{"style":903},[1044],{"type":176,"value":1045},"min-height",{"type":171,"tag":282,"props":1047,"children":1048},{"style":425},[1049],{"type":176,"value":911},{"type":171,"tag":282,"props":1051,"children":1052},{"style":903},[1053],{"type":176,"value":1054},"max-height",{"type":171,"tag":282,"props":1056,"children":1057},{"style":425},[1058],{"type":176,"value":911},{"type":171,"tag":282,"props":1060,"children":1061},{"style":903},[1062],{"type":176,"value":925},{"type":171,"tag":282,"props":1064,"children":1065},{"style":419},[1066],{"type":176,"value":439},{"type":171,"tag":282,"props":1068,"children":1069},{"style":419},[1070],{"type":176,"value":934},{"type":171,"tag":282,"props":1072,"children":1073},{"style":450},[1074],{"type":176,"value":939},{"type":171,"tag":282,"props":1076,"children":1077},{"style":419},[1078],{"type":176,"value":944},{"type":171,"tag":282,"props":1080,"children":1081},{"class":284,"line":505},[1082,1086,1091,1095,1100,1104,1108,1112],{"type":171,"tag":282,"props":1083,"children":1084},{"style":408},[1085],{"type":176,"value":411},{"type":171,"tag":282,"props":1087,"children":1088},{"style":288},[1089],{"type":176,"value":1090}," min-screen-height",{"type":171,"tag":282,"props":1092,"children":1093},{"style":419},[1094],{"type":176,"value":422},{"type":171,"tag":282,"props":1096,"children":1097},{"style":903},[1098],{"type":176,"value":1099},"height",{"type":171,"tag":282,"props":1101,"children":1102},{"style":419},[1103],{"type":176,"value":439},{"type":171,"tag":282,"props":1105,"children":1106},{"style":419},[1107],{"type":176,"value":934},{"type":171,"tag":282,"props":1109,"children":1110},{"style":450},[1111],{"type":176,"value":939},{"type":171,"tag":282,"props":1113,"children":1114},{"style":419},[1115],{"type":176,"value":944},{"type":171,"tag":282,"props":1117,"children":1118},{"class":284,"line":514},[1119,1123,1128,1132,1136,1140,1144,1148],{"type":171,"tag":282,"props":1120,"children":1121},{"style":408},[1122],{"type":176,"value":411},{"type":171,"tag":282,"props":1124,"children":1125},{"style":288},[1126],{"type":176,"value":1127}," max-screen-height",{"type":171,"tag":282,"props":1129,"children":1130},{"style":419},[1131],{"type":176,"value":422},{"type":171,"tag":282,"props":1133,"children":1134},{"style":903},[1135],{"type":176,"value":1099},{"type":171,"tag":282,"props":1137,"children":1138},{"style":419},[1139],{"type":176,"value":439},{"type":171,"tag":282,"props":1141,"children":1142},{"style":419},[1143],{"type":176,"value":934},{"type":171,"tag":282,"props":1145,"children":1146},{"style":450},[1147],{"type":176,"value":939},{"type":171,"tag":282,"props":1149,"children":1150},{"style":419},[1151],{"type":176,"value":944},{"type":171,"tag":282,"props":1153,"children":1154},{"class":284,"line":523},[1155],{"type":171,"tag":282,"props":1156,"children":1157},{"emptyLinePlaceholder":17},[1158],{"type":176,"value":760},{"type":171,"tag":282,"props":1160,"children":1161},{"class":284,"line":531},[1162,1166,1171,1176,1180,1184],{"type":171,"tag":282,"props":1163,"children":1164},{"style":408},[1165],{"type":176,"value":411},{"type":171,"tag":282,"props":1167,"children":1168},{"style":288},[1169],{"type":176,"value":1170}," landscape",{"type":171,"tag":282,"props":1172,"children":1173},{"style":419},[1174],{"type":176,"value":1175},"()",{"type":171,"tag":282,"props":1177,"children":1178},{"style":419},[1179],{"type":176,"value":934},{"type":171,"tag":282,"props":1181,"children":1182},{"style":450},[1183],{"type":176,"value":939},{"type":171,"tag":282,"props":1185,"children":1186},{"style":419},[1187],{"type":176,"value":944},{"type":171,"tag":282,"props":1189,"children":1190},{"class":284,"line":560},[1191,1195,1200,1204,1208,1212],{"type":171,"tag":282,"props":1192,"children":1193},{"style":408},[1194],{"type":176,"value":411},{"type":171,"tag":282,"props":1196,"children":1197},{"style":288},[1198],{"type":176,"value":1199}," portrait",{"type":171,"tag":282,"props":1201,"children":1202},{"style":419},[1203],{"type":176,"value":1175},{"type":171,"tag":282,"props":1205,"children":1206},{"style":419},[1207],{"type":176,"value":934},{"type":171,"tag":282,"props":1209,"children":1210},{"style":450},[1211],{"type":176,"value":939},{"type":171,"tag":282,"props":1213,"children":1214},{"style":419},[1215],{"type":176,"value":944},{"type":171,"tag":259,"props":1217,"children":1219},{"id":1218},"список-поддерживаемых-устройств",[1220],{"type":176,"value":1221},"Список поддерживаемых устройств",{"type":171,"tag":172,"props":1223,"children":1224},{},[1225],{"type":171,"tag":1226,"props":1227,"children":1228},"strong",{},[1229],{"type":176,"value":1230},"Группы",{"type":171,"tag":201,"props":1232,"children":1233},{},[1234,1258,1283,1308],{"type":171,"tag":205,"props":1235,"children":1236},{},[1237,1239,1244,1245,1251,1252],{"type":176,"value":1238},"Мобильники 320-767px - ",{"type":171,"tag":234,"props":1240,"children":1242},{"className":1241},[],[1243],{"type":176,"value":719},{"type":176,"value":911},{"type":171,"tag":234,"props":1246,"children":1248},{"className":1247},[],[1249],{"type":176,"value":1250},"mobile-portrait",{"type":176,"value":911},{"type":171,"tag":234,"props":1253,"children":1255},{"className":1254},[],[1256],{"type":176,"value":1257},"mobile-landscape",{"type":171,"tag":205,"props":1259,"children":1260},{},[1261,1263,1269,1270,1276,1277],{"type":176,"value":1262},"Планшеты 768-1023px - ",{"type":171,"tag":234,"props":1264,"children":1266},{"className":1265},[],[1267],{"type":176,"value":1268},"tablet",{"type":176,"value":911},{"type":171,"tag":234,"props":1271,"children":1273},{"className":1272},[],[1274],{"type":176,"value":1275},"tablet-portrait",{"type":176,"value":911},{"type":171,"tag":234,"props":1278,"children":1280},{"className":1279},[],[1281],{"type":176,"value":1282},"tablet-landscape",{"type":171,"tag":205,"props":1284,"children":1285},{},[1286,1288,1294,1295,1301,1302],{"type":176,"value":1287},"Лаптопы 1024-1199px - ",{"type":171,"tag":234,"props":1289,"children":1291},{"className":1290},[],[1292],{"type":176,"value":1293},"laptop",{"type":176,"value":911},{"type":171,"tag":234,"props":1296,"children":1298},{"className":1297},[],[1299],{"type":176,"value":1300},"laptop-portrait",{"type":176,"value":911},{"type":171,"tag":234,"props":1303,"children":1305},{"className":1304},[],[1306],{"type":176,"value":1307},"laptop-landscape",{"type":171,"tag":205,"props":1309,"children":1310},{},[1311,1313,1318,1319,1325,1326],{"type":176,"value":1312},"Десктопы >=1200px - ",{"type":171,"tag":234,"props":1314,"children":1316},{"className":1315},[],[1317],{"type":176,"value":615},{"type":176,"value":911},{"type":171,"tag":234,"props":1320,"children":1322},{"className":1321},[],[1323],{"type":176,"value":1324},"desktop-portrait",{"type":176,"value":911},{"type":171,"tag":234,"props":1327,"children":1329},{"className":1328},[],[1330],{"type":176,"value":1331},"desktop-landscape",{"type":171,"tag":172,"props":1333,"children":1334},{},[1335],{"type":171,"tag":1226,"props":1336,"children":1337},{},[1338],{"type":176,"value":1339},"Телефоны",{"type":171,"tag":201,"props":1341,"children":1342},{},[1343,1375,1407,1439,1464,1482,1500,1532,1550],{"type":171,"tag":205,"props":1344,"children":1345},{},[1346,1348,1354,1355,1361,1362,1368,1369],{"type":176,"value":1347},"iPhone 5, 5s, 5c, SE - ",{"type":171,"tag":234,"props":1349,"children":1351},{"className":1350},[],[1352],{"type":176,"value":1353},"iphone5",{"type":176,"value":911},{"type":171,"tag":234,"props":1356,"children":1358},{"className":1357},[],[1359],{"type":176,"value":1360},"iphone5s",{"type":176,"value":911},{"type":171,"tag":234,"props":1363,"children":1365},{"className":1364},[],[1366],{"type":176,"value":1367},"iphone5c",{"type":176,"value":911},{"type":171,"tag":234,"props":1370,"children":1372},{"className":1371},[],[1373],{"type":176,"value":1374},"iphonese",{"type":171,"tag":205,"props":1376,"children":1377},{},[1378,1380,1386,1387,1393,1394,1400,1401],{"type":176,"value":1379},"iPhone 6, 6s, 7, 8 - ",{"type":171,"tag":234,"props":1381,"children":1383},{"className":1382},[],[1384],{"type":176,"value":1385},"iphone6",{"type":176,"value":911},{"type":171,"tag":234,"props":1388,"children":1390},{"className":1389},[],[1391],{"type":176,"value":1392},"iphone6s",{"type":176,"value":911},{"type":171,"tag":234,"props":1395,"children":1397},{"className":1396},[],[1398],{"type":176,"value":1399},"iphone7",{"type":176,"value":911},{"type":171,"tag":234,"props":1402,"children":1404},{"className":1403},[],[1405],{"type":176,"value":1406},"iphone8",{"type":171,"tag":205,"props":1408,"children":1409},{},[1410,1412,1418,1419,1425,1426,1432,1433],{"type":176,"value":1411},"iPhone 6+, 6s+, 7+, 8+ - ",{"type":171,"tag":234,"props":1413,"children":1415},{"className":1414},[],[1416],{"type":176,"value":1417},"iphone6plus",{"type":176,"value":911},{"type":171,"tag":234,"props":1420,"children":1422},{"className":1421},[],[1423],{"type":176,"value":1424},"iphone6splus",{"type":176,"value":911},{"type":171,"tag":234,"props":1427,"children":1429},{"className":1428},[],[1430],{"type":176,"value":1431},"iphone7plus",{"type":176,"value":911},{"type":171,"tag":234,"props":1434,"children":1436},{"className":1435},[],[1437],{"type":176,"value":1438},"iphone8plus",{"type":171,"tag":205,"props":1440,"children":1441},{},[1442,1444,1450,1451,1457,1458],{"type":176,"value":1443},"iPhone X, XS, 11 Pro - ",{"type":171,"tag":234,"props":1445,"children":1447},{"className":1446},[],[1448],{"type":176,"value":1449},"iphonex",{"type":176,"value":911},{"type":171,"tag":234,"props":1452,"children":1454},{"className":1453},[],[1455],{"type":176,"value":1456},"iphonexs",{"type":176,"value":911},{"type":171,"tag":234,"props":1459,"children":1461},{"className":1460},[],[1462],{"type":176,"value":1463},"iphone11pro",{"type":171,"tag":205,"props":1465,"children":1466},{},[1467,1469,1475,1476],{"type":176,"value":1468},"iPhone XR, 11 ",{"type":171,"tag":234,"props":1470,"children":1472},{"className":1471},[],[1473],{"type":176,"value":1474},"iphonexr",{"type":176,"value":911},{"type":171,"tag":234,"props":1477,"children":1479},{"className":1478},[],[1480],{"type":176,"value":1481},"iphone11",{"type":171,"tag":205,"props":1483,"children":1484},{},[1485,1487,1493,1494],{"type":176,"value":1486},"iPhone XS Max, 11 Pro Max ",{"type":171,"tag":234,"props":1488,"children":1490},{"className":1489},[],[1491],{"type":176,"value":1492},"iphonexsmax",{"type":176,"value":911},{"type":171,"tag":234,"props":1495,"children":1497},{"className":1496},[],[1498],{"type":176,"value":1499},"iphone11promax",{"type":171,"tag":205,"props":1501,"children":1502},{},[1503,1505,1511,1512,1518,1519,1525,1526],{"type":176,"value":1504},"iPhone 12, 12 Pro, 13, 13 Pro ",{"type":171,"tag":234,"props":1506,"children":1508},{"className":1507},[],[1509],{"type":176,"value":1510},"iphone12",{"type":176,"value":911},{"type":171,"tag":234,"props":1513,"children":1515},{"className":1514},[],[1516],{"type":176,"value":1517},"iphone12pro",{"type":176,"value":911},{"type":171,"tag":234,"props":1520,"children":1522},{"className":1521},[],[1523],{"type":176,"value":1524},"iphone13",{"type":176,"value":911},{"type":171,"tag":234,"props":1527,"children":1529},{"className":1528},[],[1530],{"type":176,"value":1531},"iphone13pro",{"type":171,"tag":205,"props":1533,"children":1534},{},[1535,1537,1543,1544],{"type":176,"value":1536},"iPhone 12 mini, 13 mini ",{"type":171,"tag":234,"props":1538,"children":1540},{"className":1539},[],[1541],{"type":176,"value":1542},"iphone12mini",{"type":176,"value":911},{"type":171,"tag":234,"props":1545,"children":1547},{"className":1546},[],[1548],{"type":176,"value":1549},"iphone13mini",{"type":171,"tag":205,"props":1551,"children":1552},{},[1553,1555,1561,1562],{"type":176,"value":1554},"iPhone 12 Pro Max, 13 Pro Max ",{"type":171,"tag":234,"props":1556,"children":1558},{"className":1557},[],[1559],{"type":176,"value":1560},"iphone12promax",{"type":176,"value":911},{"type":171,"tag":234,"props":1563,"children":1565},{"className":1564},[],[1566],{"type":176,"value":1567},"iphone13promax",{"type":171,"tag":172,"props":1569,"children":1570},{},[1571],{"type":171,"tag":1226,"props":1572,"children":1573},{},[1574],{"type":176,"value":1575},"Планшеты",{"type":171,"tag":201,"props":1577,"children":1578},{},[1579,1611,1636,1647],{"type":171,"tag":205,"props":1580,"children":1581},{},[1582,1584,1590,1591,1597,1598,1604,1605],{"type":176,"value":1583},"iPad 1, 2, Mini, Air - ",{"type":171,"tag":234,"props":1585,"children":1587},{"className":1586},[],[1588],{"type":176,"value":1589},"ipad1",{"type":176,"value":911},{"type":171,"tag":234,"props":1592,"children":1594},{"className":1593},[],[1595],{"type":176,"value":1596},"ipad2",{"type":176,"value":911},{"type":171,"tag":234,"props":1599,"children":1601},{"className":1600},[],[1602],{"type":176,"value":1603},"ipadmini",{"type":176,"value":911},{"type":171,"tag":234,"props":1606,"children":1608},{"className":1607},[],[1609],{"type":176,"value":1610},"ipadair",{"type":171,"tag":205,"props":1612,"children":1613},{},[1614,1616,1622,1623,1629,1630],{"type":176,"value":1615},"iPad 3, 4, Pro 9.7\" - ",{"type":171,"tag":234,"props":1617,"children":1619},{"className":1618},[],[1620],{"type":176,"value":1621},"ipad3",{"type":176,"value":911},{"type":171,"tag":234,"props":1624,"children":1626},{"className":1625},[],[1627],{"type":176,"value":1628},"ipad4",{"type":176,"value":911},{"type":171,"tag":234,"props":1631,"children":1633},{"className":1632},[],[1634],{"type":176,"value":1635},"ipadpro9",{"type":171,"tag":205,"props":1637,"children":1638},{},[1639,1641],{"type":176,"value":1640},"iPad Pro 10.5\" - ",{"type":171,"tag":234,"props":1642,"children":1644},{"className":1643},[],[1645],{"type":176,"value":1646},"ipadpro10",{"type":171,"tag":205,"props":1648,"children":1649},{},[1650,1652],{"type":176,"value":1651},"iPad Pro 11.0\" - ",{"type":171,"tag":234,"props":1653,"children":1655},{"className":1654},[],[1656],{"type":176,"value":1657},"ipadpro11",{"type":171,"tag":172,"props":1659,"children":1660},{},[1661],{"type":171,"tag":1226,"props":1662,"children":1663},{},[1664],{"type":176,"value":1665},"Лаптопы",{"type":171,"tag":201,"props":1667,"children":1668},{},[1669],{"type":171,"tag":205,"props":1670,"children":1671},{},[1672,1674,1680,1683],{"type":176,"value":1673},"iPad Pro 12.9\" - ",{"type":171,"tag":234,"props":1675,"children":1677},{"className":1676},[],[1678],{"type":176,"value":1679},"ipadpro12",{"type":171,"tag":374,"props":1681,"children":1682},{},[],{"type":171,"tag":1684,"props":1685,"children":1686},"em",{},[1687],{"type":176,"value":1688},"Увы, по размерам экрана, iPad Pro 12 - это лаптоп!",{"type":171,"tag":259,"props":1690,"children":1692},{"id":1691},"расширение-списка-устройств",[1693],{"type":176,"value":1694},"Расширение списка устройств",{"type":171,"tag":172,"props":1696,"children":1697},{},[1698,1700,1706,1708,1714],{"type":176,"value":1699},"Как я говорил ранее, можно добавлять поддержку кастомных девайсов или групп устройств без правки исходников библиотеки. Для этого, перед импортом ",{"type":171,"tag":234,"props":1701,"children":1703},{"className":1702},[],[1704],{"type":176,"value":1705},"@import \"mediascreen\"",{"type":176,"value":1707},", нужно объявить Sass-переменную ",{"type":171,"tag":234,"props":1709,"children":1711},{"className":1710},[],[1712],{"type":176,"value":1713},"$ms-devices",{"type":176,"value":1715}," со списком своих девайсов:",{"type":171,"tag":271,"props":1717,"children":1719},{"className":396,"code":1718,"language":398,"meta":123,"style":276},"$ms-devices: (\n    desktop-sm: (\n        group: true, \u002F\u002F флаг означает - группа девайсов\n        min: 1200px,\n        max: 1919px,\n    ),\n    desktop-md: (\n        group: true,\n        min: 1920px,\n        max: 2879px,\n    ),\n    desktop-lg: (\n        group: true,\n        min: 2880px,\n    ),\n    pixel2xl: (\n        group: false, \u002F\u002F флаг означает - конкретный девайс\n        width: 411px, \u002F\u002F or 412px?..\n        height: 823px,\n        pixel-ratio: 3.5,\n    ),\n    macbook12: (\n        group: false,\n        orientation: landscape,\n        width: 1440px,\n        height: 900px,\n        pixel-ratio: 2,\n    ),\n    imac27: (\n        group: false,\n        orientation: landscape,\n        width: 5120px,\n        height: 2880px,\n    ),\n);\n@import \"mediascreen\";\n",[1720],{"type":171,"tag":234,"props":1721,"children":1722},{"__ignoreMap":123},[1723,1742,1759,1787,1815,1840,1848,1864,1883,1907,1931,1938,1954,1973,1997,2004,2020,2045,2075,2100,2121,2128,2144,2164,2186,2211,2236,2257,2265,2282,2302,2322,2347,2371,2379,2388],{"type":171,"tag":282,"props":1724,"children":1725},{"class":284,"line":40},[1726,1731,1737],{"type":171,"tag":282,"props":1727,"children":1729},{"style":1728},"--shiki-default:#E36209;--shiki-dark:#EBA0AC",[1730],{"type":176,"value":1713},{"type":171,"tag":282,"props":1732,"children":1734},{"style":1733},"--shiki-default:#24292E;--shiki-dark:#94E2D5",[1735],{"type":176,"value":1736},":",{"type":171,"tag":282,"props":1738,"children":1739},{"style":419},[1740],{"type":176,"value":1741}," (\n",{"type":171,"tag":282,"props":1743,"children":1744},{"class":284,"line":32},[1745,1751,1755],{"type":171,"tag":282,"props":1746,"children":1748},{"style":1747},"--shiki-default:#005CC5;--shiki-default-font-style:inherit;--shiki-dark:#F9E2AF;--shiki-dark-font-style:italic",[1749],{"type":176,"value":1750},"    desktop-sm",{"type":171,"tag":282,"props":1752,"children":1753},{"style":1733},[1754],{"type":176,"value":1736},{"type":171,"tag":282,"props":1756,"children":1757},{"style":419},[1758],{"type":176,"value":1741},{"type":171,"tag":282,"props":1760,"children":1761},{"class":284,"line":105},[1762,1767,1771,1777,1782],{"type":171,"tag":282,"props":1763,"children":1764},{"style":1747},[1765],{"type":176,"value":1766},"        group",{"type":171,"tag":282,"props":1768,"children":1769},{"style":1733},[1770],{"type":176,"value":1736},{"type":171,"tag":282,"props":1772,"children":1774},{"style":1773},"--shiki-default:#24292E;--shiki-dark:#EBA0AC",[1775],{"type":176,"value":1776}," true",{"type":171,"tag":282,"props":1778,"children":1779},{"style":419},[1780],{"type":176,"value":1781},",",{"type":171,"tag":282,"props":1783,"children":1784},{"style":450},[1785],{"type":176,"value":1786}," \u002F\u002F флаг означает - группа девайсов\n",{"type":171,"tag":282,"props":1788,"children":1789},{"class":284,"line":12},[1790,1795,1799,1805,1810],{"type":171,"tag":282,"props":1791,"children":1792},{"style":1747},[1793],{"type":176,"value":1794},"        min",{"type":171,"tag":282,"props":1796,"children":1797},{"style":1733},[1798],{"type":176,"value":1736},{"type":171,"tag":282,"props":1800,"children":1802},{"style":1801},"--shiki-default:#005CC5;--shiki-dark:#FAB387",[1803],{"type":176,"value":1804}," 1200",{"type":171,"tag":282,"props":1806,"children":1807},{"style":408},[1808],{"type":176,"value":1809},"px",{"type":171,"tag":282,"props":1811,"children":1812},{"style":419},[1813],{"type":176,"value":1814},",\n",{"type":171,"tag":282,"props":1816,"children":1817},{"class":284,"line":346},[1818,1823,1827,1832,1836],{"type":171,"tag":282,"props":1819,"children":1820},{"style":1747},[1821],{"type":176,"value":1822},"        max",{"type":171,"tag":282,"props":1824,"children":1825},{"style":1733},[1826],{"type":176,"value":1736},{"type":171,"tag":282,"props":1828,"children":1829},{"style":1801},[1830],{"type":176,"value":1831}," 1919",{"type":171,"tag":282,"props":1833,"children":1834},{"style":408},[1835],{"type":176,"value":1809},{"type":171,"tag":282,"props":1837,"children":1838},{"style":419},[1839],{"type":176,"value":1814},{"type":171,"tag":282,"props":1841,"children":1842},{"class":284,"line":505},[1843],{"type":171,"tag":282,"props":1844,"children":1845},{"style":419},[1846],{"type":176,"value":1847},"    ),\n",{"type":171,"tag":282,"props":1849,"children":1850},{"class":284,"line":514},[1851,1856,1860],{"type":171,"tag":282,"props":1852,"children":1853},{"style":1747},[1854],{"type":176,"value":1855},"    desktop-md",{"type":171,"tag":282,"props":1857,"children":1858},{"style":1733},[1859],{"type":176,"value":1736},{"type":171,"tag":282,"props":1861,"children":1862},{"style":419},[1863],{"type":176,"value":1741},{"type":171,"tag":282,"props":1865,"children":1866},{"class":284,"line":523},[1867,1871,1875,1879],{"type":171,"tag":282,"props":1868,"children":1869},{"style":1747},[1870],{"type":176,"value":1766},{"type":171,"tag":282,"props":1872,"children":1873},{"style":1733},[1874],{"type":176,"value":1736},{"type":171,"tag":282,"props":1876,"children":1877},{"style":1773},[1878],{"type":176,"value":1776},{"type":171,"tag":282,"props":1880,"children":1881},{"style":419},[1882],{"type":176,"value":1814},{"type":171,"tag":282,"props":1884,"children":1885},{"class":284,"line":531},[1886,1890,1894,1899,1903],{"type":171,"tag":282,"props":1887,"children":1888},{"style":1747},[1889],{"type":176,"value":1794},{"type":171,"tag":282,"props":1891,"children":1892},{"style":1733},[1893],{"type":176,"value":1736},{"type":171,"tag":282,"props":1895,"children":1896},{"style":1801},[1897],{"type":176,"value":1898}," 1920",{"type":171,"tag":282,"props":1900,"children":1901},{"style":408},[1902],{"type":176,"value":1809},{"type":171,"tag":282,"props":1904,"children":1905},{"style":419},[1906],{"type":176,"value":1814},{"type":171,"tag":282,"props":1908,"children":1909},{"class":284,"line":560},[1910,1914,1918,1923,1927],{"type":171,"tag":282,"props":1911,"children":1912},{"style":1747},[1913],{"type":176,"value":1822},{"type":171,"tag":282,"props":1915,"children":1916},{"style":1733},[1917],{"type":176,"value":1736},{"type":171,"tag":282,"props":1919,"children":1920},{"style":1801},[1921],{"type":176,"value":1922}," 2879",{"type":171,"tag":282,"props":1924,"children":1925},{"style":408},[1926],{"type":176,"value":1809},{"type":171,"tag":282,"props":1928,"children":1929},{"style":419},[1930],{"type":176,"value":1814},{"type":171,"tag":282,"props":1932,"children":1933},{"class":284,"line":569},[1934],{"type":171,"tag":282,"props":1935,"children":1936},{"style":419},[1937],{"type":176,"value":1847},{"type":171,"tag":282,"props":1939,"children":1940},{"class":284,"line":578},[1941,1946,1950],{"type":171,"tag":282,"props":1942,"children":1943},{"style":1747},[1944],{"type":176,"value":1945},"    desktop-lg",{"type":171,"tag":282,"props":1947,"children":1948},{"style":1733},[1949],{"type":176,"value":1736},{"type":171,"tag":282,"props":1951,"children":1952},{"style":419},[1953],{"type":176,"value":1741},{"type":171,"tag":282,"props":1955,"children":1956},{"class":284,"line":136},[1957,1961,1965,1969],{"type":171,"tag":282,"props":1958,"children":1959},{"style":1747},[1960],{"type":176,"value":1766},{"type":171,"tag":282,"props":1962,"children":1963},{"style":1733},[1964],{"type":176,"value":1736},{"type":171,"tag":282,"props":1966,"children":1967},{"style":1773},[1968],{"type":176,"value":1776},{"type":171,"tag":282,"props":1970,"children":1971},{"style":419},[1972],{"type":176,"value":1814},{"type":171,"tag":282,"props":1974,"children":1975},{"class":284,"line":143},[1976,1980,1984,1989,1993],{"type":171,"tag":282,"props":1977,"children":1978},{"style":1747},[1979],{"type":176,"value":1794},{"type":171,"tag":282,"props":1981,"children":1982},{"style":1733},[1983],{"type":176,"value":1736},{"type":171,"tag":282,"props":1985,"children":1986},{"style":1801},[1987],{"type":176,"value":1988}," 2880",{"type":171,"tag":282,"props":1990,"children":1991},{"style":408},[1992],{"type":176,"value":1809},{"type":171,"tag":282,"props":1994,"children":1995},{"style":419},[1996],{"type":176,"value":1814},{"type":171,"tag":282,"props":1998,"children":1999},{"class":284,"line":778},[2000],{"type":171,"tag":282,"props":2001,"children":2002},{"style":419},[2003],{"type":176,"value":1847},{"type":171,"tag":282,"props":2005,"children":2006},{"class":284,"line":786},[2007,2012,2016],{"type":171,"tag":282,"props":2008,"children":2009},{"style":1747},[2010],{"type":176,"value":2011},"    pixel2xl",{"type":171,"tag":282,"props":2013,"children":2014},{"style":1733},[2015],{"type":176,"value":1736},{"type":171,"tag":282,"props":2017,"children":2018},{"style":419},[2019],{"type":176,"value":1741},{"type":171,"tag":282,"props":2021,"children":2022},{"class":284,"line":827},[2023,2027,2031,2036,2040],{"type":171,"tag":282,"props":2024,"children":2025},{"style":1747},[2026],{"type":176,"value":1766},{"type":171,"tag":282,"props":2028,"children":2029},{"style":1733},[2030],{"type":176,"value":1736},{"type":171,"tag":282,"props":2032,"children":2033},{"style":1773},[2034],{"type":176,"value":2035}," false",{"type":171,"tag":282,"props":2037,"children":2038},{"style":419},[2039],{"type":176,"value":1781},{"type":171,"tag":282,"props":2041,"children":2042},{"style":450},[2043],{"type":176,"value":2044}," \u002F\u002F флаг означает - конкретный девайс\n",{"type":171,"tag":282,"props":2046,"children":2047},{"class":284,"line":835},[2048,2053,2057,2062,2066,2070],{"type":171,"tag":282,"props":2049,"children":2050},{"style":1747},[2051],{"type":176,"value":2052},"        width",{"type":171,"tag":282,"props":2054,"children":2055},{"style":1733},[2056],{"type":176,"value":1736},{"type":171,"tag":282,"props":2058,"children":2059},{"style":1801},[2060],{"type":176,"value":2061}," 411",{"type":171,"tag":282,"props":2063,"children":2064},{"style":408},[2065],{"type":176,"value":1809},{"type":171,"tag":282,"props":2067,"children":2068},{"style":419},[2069],{"type":176,"value":1781},{"type":171,"tag":282,"props":2071,"children":2072},{"style":450},[2073],{"type":176,"value":2074}," \u002F\u002F or 412px?..\n",{"type":171,"tag":282,"props":2076,"children":2077},{"class":284,"line":843},[2078,2083,2087,2092,2096],{"type":171,"tag":282,"props":2079,"children":2080},{"style":1747},[2081],{"type":176,"value":2082},"        height",{"type":171,"tag":282,"props":2084,"children":2085},{"style":1733},[2086],{"type":176,"value":1736},{"type":171,"tag":282,"props":2088,"children":2089},{"style":1801},[2090],{"type":176,"value":2091}," 823",{"type":171,"tag":282,"props":2093,"children":2094},{"style":408},[2095],{"type":176,"value":1809},{"type":171,"tag":282,"props":2097,"children":2098},{"style":419},[2099],{"type":176,"value":1814},{"type":171,"tag":282,"props":2101,"children":2102},{"class":284,"line":851},[2103,2108,2112,2117],{"type":171,"tag":282,"props":2104,"children":2105},{"style":1747},[2106],{"type":176,"value":2107},"        pixel-ratio",{"type":171,"tag":282,"props":2109,"children":2110},{"style":1733},[2111],{"type":176,"value":1736},{"type":171,"tag":282,"props":2113,"children":2114},{"style":1801},[2115],{"type":176,"value":2116}," 3.5",{"type":171,"tag":282,"props":2118,"children":2119},{"style":419},[2120],{"type":176,"value":1814},{"type":171,"tag":282,"props":2122,"children":2123},{"class":284,"line":859},[2124],{"type":171,"tag":282,"props":2125,"children":2126},{"style":419},[2127],{"type":176,"value":1847},{"type":171,"tag":282,"props":2129,"children":2130},{"class":284,"line":867},[2131,2136,2140],{"type":171,"tag":282,"props":2132,"children":2133},{"style":1747},[2134],{"type":176,"value":2135},"    macbook12",{"type":171,"tag":282,"props":2137,"children":2138},{"style":1733},[2139],{"type":176,"value":1736},{"type":171,"tag":282,"props":2141,"children":2142},{"style":419},[2143],{"type":176,"value":1741},{"type":171,"tag":282,"props":2145,"children":2147},{"class":284,"line":2146},23,[2148,2152,2156,2160],{"type":171,"tag":282,"props":2149,"children":2150},{"style":1747},[2151],{"type":176,"value":1766},{"type":171,"tag":282,"props":2153,"children":2154},{"style":1733},[2155],{"type":176,"value":1736},{"type":171,"tag":282,"props":2157,"children":2158},{"style":1773},[2159],{"type":176,"value":2035},{"type":171,"tag":282,"props":2161,"children":2162},{"style":419},[2163],{"type":176,"value":1814},{"type":171,"tag":282,"props":2165,"children":2167},{"class":284,"line":2166},24,[2168,2173,2177,2182],{"type":171,"tag":282,"props":2169,"children":2170},{"style":1747},[2171],{"type":176,"value":2172},"        orientation",{"type":171,"tag":282,"props":2174,"children":2175},{"style":1733},[2176],{"type":176,"value":1736},{"type":171,"tag":282,"props":2178,"children":2180},{"style":2179},"--shiki-default:#005CC5;--shiki-dark:#EBA0AC",[2181],{"type":176,"value":1170},{"type":171,"tag":282,"props":2183,"children":2184},{"style":419},[2185],{"type":176,"value":1814},{"type":171,"tag":282,"props":2187,"children":2189},{"class":284,"line":2188},25,[2190,2194,2198,2203,2207],{"type":171,"tag":282,"props":2191,"children":2192},{"style":1747},[2193],{"type":176,"value":2052},{"type":171,"tag":282,"props":2195,"children":2196},{"style":1733},[2197],{"type":176,"value":1736},{"type":171,"tag":282,"props":2199,"children":2200},{"style":1801},[2201],{"type":176,"value":2202}," 1440",{"type":171,"tag":282,"props":2204,"children":2205},{"style":408},[2206],{"type":176,"value":1809},{"type":171,"tag":282,"props":2208,"children":2209},{"style":419},[2210],{"type":176,"value":1814},{"type":171,"tag":282,"props":2212,"children":2214},{"class":284,"line":2213},26,[2215,2219,2223,2228,2232],{"type":171,"tag":282,"props":2216,"children":2217},{"style":1747},[2218],{"type":176,"value":2082},{"type":171,"tag":282,"props":2220,"children":2221},{"style":1733},[2222],{"type":176,"value":1736},{"type":171,"tag":282,"props":2224,"children":2225},{"style":1801},[2226],{"type":176,"value":2227}," 900",{"type":171,"tag":282,"props":2229,"children":2230},{"style":408},[2231],{"type":176,"value":1809},{"type":171,"tag":282,"props":2233,"children":2234},{"style":419},[2235],{"type":176,"value":1814},{"type":171,"tag":282,"props":2237,"children":2239},{"class":284,"line":2238},27,[2240,2244,2248,2253],{"type":171,"tag":282,"props":2241,"children":2242},{"style":1747},[2243],{"type":176,"value":2107},{"type":171,"tag":282,"props":2245,"children":2246},{"style":1733},[2247],{"type":176,"value":1736},{"type":171,"tag":282,"props":2249,"children":2250},{"style":1801},[2251],{"type":176,"value":2252}," 2",{"type":171,"tag":282,"props":2254,"children":2255},{"style":419},[2256],{"type":176,"value":1814},{"type":171,"tag":282,"props":2258,"children":2260},{"class":284,"line":2259},28,[2261],{"type":171,"tag":282,"props":2262,"children":2263},{"style":419},[2264],{"type":176,"value":1847},{"type":171,"tag":282,"props":2266,"children":2268},{"class":284,"line":2267},29,[2269,2274,2278],{"type":171,"tag":282,"props":2270,"children":2271},{"style":1747},[2272],{"type":176,"value":2273},"    imac27",{"type":171,"tag":282,"props":2275,"children":2276},{"style":1733},[2277],{"type":176,"value":1736},{"type":171,"tag":282,"props":2279,"children":2280},{"style":419},[2281],{"type":176,"value":1741},{"type":171,"tag":282,"props":2283,"children":2285},{"class":284,"line":2284},30,[2286,2290,2294,2298],{"type":171,"tag":282,"props":2287,"children":2288},{"style":1747},[2289],{"type":176,"value":1766},{"type":171,"tag":282,"props":2291,"children":2292},{"style":1733},[2293],{"type":176,"value":1736},{"type":171,"tag":282,"props":2295,"children":2296},{"style":1773},[2297],{"type":176,"value":2035},{"type":171,"tag":282,"props":2299,"children":2300},{"style":419},[2301],{"type":176,"value":1814},{"type":171,"tag":282,"props":2303,"children":2305},{"class":284,"line":2304},31,[2306,2310,2314,2318],{"type":171,"tag":282,"props":2307,"children":2308},{"style":1747},[2309],{"type":176,"value":2172},{"type":171,"tag":282,"props":2311,"children":2312},{"style":1733},[2313],{"type":176,"value":1736},{"type":171,"tag":282,"props":2315,"children":2316},{"style":2179},[2317],{"type":176,"value":1170},{"type":171,"tag":282,"props":2319,"children":2320},{"style":419},[2321],{"type":176,"value":1814},{"type":171,"tag":282,"props":2323,"children":2325},{"class":284,"line":2324},32,[2326,2330,2334,2339,2343],{"type":171,"tag":282,"props":2327,"children":2328},{"style":1747},[2329],{"type":176,"value":2052},{"type":171,"tag":282,"props":2331,"children":2332},{"style":1733},[2333],{"type":176,"value":1736},{"type":171,"tag":282,"props":2335,"children":2336},{"style":1801},[2337],{"type":176,"value":2338}," 5120",{"type":171,"tag":282,"props":2340,"children":2341},{"style":408},[2342],{"type":176,"value":1809},{"type":171,"tag":282,"props":2344,"children":2345},{"style":419},[2346],{"type":176,"value":1814},{"type":171,"tag":282,"props":2348,"children":2350},{"class":284,"line":2349},33,[2351,2355,2359,2363,2367],{"type":171,"tag":282,"props":2352,"children":2353},{"style":1747},[2354],{"type":176,"value":2082},{"type":171,"tag":282,"props":2356,"children":2357},{"style":1733},[2358],{"type":176,"value":1736},{"type":171,"tag":282,"props":2360,"children":2361},{"style":1801},[2362],{"type":176,"value":1988},{"type":171,"tag":282,"props":2364,"children":2365},{"style":408},[2366],{"type":176,"value":1809},{"type":171,"tag":282,"props":2368,"children":2369},{"style":419},[2370],{"type":176,"value":1814},{"type":171,"tag":282,"props":2372,"children":2374},{"class":284,"line":2373},34,[2375],{"type":171,"tag":282,"props":2376,"children":2377},{"style":419},[2378],{"type":176,"value":1847},{"type":171,"tag":282,"props":2380,"children":2382},{"class":284,"line":2381},35,[2383],{"type":171,"tag":282,"props":2384,"children":2385},{"style":419},[2386],{"type":176,"value":2387},");\n",{"type":171,"tag":282,"props":2389,"children":2391},{"class":284,"line":2390},36,[2392,2397,2402],{"type":171,"tag":282,"props":2393,"children":2394},{"style":408},[2395],{"type":176,"value":2396},"@import",{"type":171,"tag":282,"props":2398,"children":2399},{"style":294},[2400],{"type":176,"value":2401}," \"mediascreen\"",{"type":171,"tag":282,"props":2403,"children":2404},{"style":419},[2405],{"type":176,"value":2406},";\n",{"type":171,"tag":172,"props":2408,"children":2409},{},[2410],{"type":176,"value":2411},"После этого проверять свои устройства можно также, как и стандартные устройства библиотеки:",{"type":171,"tag":271,"props":2413,"children":2415},{"className":396,"code":2414,"language":398,"meta":123,"style":276},"@include device(desktop-sm) {\n    \u002F\u002F desktop-sm\n}\n@include device(desktop-md) {\n    \u002F\u002F desktop-md\n}\n@include device(desktop-lg) {\n    \u002F\u002F desktop-lg\n}\n@include device(Pixel2XL, landscape) {\n    \u002F\u002F landscape orientation\n    \u002F\u002F Google Pixel 2XL\n}\n@include device(MacBook12) {\n    \u002F\u002F landscape orientation\n    \u002F\u002F MacBook 12\n}\n@include device(iMac27) {\n    \u002F\u002F landscape orientation\n    \u002F\u002F iMac 27\n}\n",[2416],{"type":171,"tag":234,"props":2417,"children":2418},{"__ignoreMap":123},[2419,2455,2463,2470,2506,2514,2521,2557,2565,2572,2604,2611,2619,2626,2654,2661,2669,2676,2704,2711,2719],{"type":171,"tag":282,"props":2420,"children":2421},{"class":284,"line":40},[2422,2426,2430,2434,2438,2442,2447,2451],{"type":171,"tag":282,"props":2423,"children":2424},{"style":408},[2425],{"type":176,"value":411},{"type":171,"tag":282,"props":2427,"children":2428},{"style":288},[2429],{"type":176,"value":416},{"type":171,"tag":282,"props":2431,"children":2432},{"style":419},[2433],{"type":176,"value":422},{"type":171,"tag":282,"props":2435,"children":2436},{"style":425},[2437],{"type":176,"value":615},{"type":171,"tag":282,"props":2439,"children":2440},{"style":431},[2441],{"type":176,"value":724},{"type":171,"tag":282,"props":2443,"children":2444},{"style":425},[2445],{"type":176,"value":2446},"sm",{"type":171,"tag":282,"props":2448,"children":2449},{"style":419},[2450],{"type":176,"value":439},{"type":171,"tag":282,"props":2452,"children":2453},{"style":419},[2454],{"type":176,"value":444},{"type":171,"tag":282,"props":2456,"children":2457},{"class":284,"line":32},[2458],{"type":171,"tag":282,"props":2459,"children":2460},{"style":450},[2461],{"type":176,"value":2462},"    \u002F\u002F desktop-sm\n",{"type":171,"tag":282,"props":2464,"children":2465},{"class":284,"line":105},[2466],{"type":171,"tag":282,"props":2467,"children":2468},{"style":419},[2469],{"type":176,"value":469},{"type":171,"tag":282,"props":2471,"children":2472},{"class":284,"line":12},[2473,2477,2481,2485,2489,2493,2498,2502],{"type":171,"tag":282,"props":2474,"children":2475},{"style":408},[2476],{"type":176,"value":411},{"type":171,"tag":282,"props":2478,"children":2479},{"style":288},[2480],{"type":176,"value":416},{"type":171,"tag":282,"props":2482,"children":2483},{"style":419},[2484],{"type":176,"value":422},{"type":171,"tag":282,"props":2486,"children":2487},{"style":425},[2488],{"type":176,"value":615},{"type":171,"tag":282,"props":2490,"children":2491},{"style":431},[2492],{"type":176,"value":724},{"type":171,"tag":282,"props":2494,"children":2495},{"style":425},[2496],{"type":176,"value":2497},"md",{"type":171,"tag":282,"props":2499,"children":2500},{"style":419},[2501],{"type":176,"value":439},{"type":171,"tag":282,"props":2503,"children":2504},{"style":419},[2505],{"type":176,"value":444},{"type":171,"tag":282,"props":2507,"children":2508},{"class":284,"line":346},[2509],{"type":171,"tag":282,"props":2510,"children":2511},{"style":450},[2512],{"type":176,"value":2513},"    \u002F\u002F desktop-md\n",{"type":171,"tag":282,"props":2515,"children":2516},{"class":284,"line":505},[2517],{"type":171,"tag":282,"props":2518,"children":2519},{"style":419},[2520],{"type":176,"value":469},{"type":171,"tag":282,"props":2522,"children":2523},{"class":284,"line":514},[2524,2528,2532,2536,2540,2544,2549,2553],{"type":171,"tag":282,"props":2525,"children":2526},{"style":408},[2527],{"type":176,"value":411},{"type":171,"tag":282,"props":2529,"children":2530},{"style":288},[2531],{"type":176,"value":416},{"type":171,"tag":282,"props":2533,"children":2534},{"style":419},[2535],{"type":176,"value":422},{"type":171,"tag":282,"props":2537,"children":2538},{"style":425},[2539],{"type":176,"value":615},{"type":171,"tag":282,"props":2541,"children":2542},{"style":431},[2543],{"type":176,"value":724},{"type":171,"tag":282,"props":2545,"children":2546},{"style":425},[2547],{"type":176,"value":2548},"lg",{"type":171,"tag":282,"props":2550,"children":2551},{"style":419},[2552],{"type":176,"value":439},{"type":171,"tag":282,"props":2554,"children":2555},{"style":419},[2556],{"type":176,"value":444},{"type":171,"tag":282,"props":2558,"children":2559},{"class":284,"line":523},[2560],{"type":171,"tag":282,"props":2561,"children":2562},{"style":450},[2563],{"type":176,"value":2564},"    \u002F\u002F desktop-lg\n",{"type":171,"tag":282,"props":2566,"children":2567},{"class":284,"line":531},[2568],{"type":171,"tag":282,"props":2569,"children":2570},{"style":419},[2571],{"type":176,"value":469},{"type":171,"tag":282,"props":2573,"children":2574},{"class":284,"line":560},[2575,2579,2583,2587,2592,2596,2600],{"type":171,"tag":282,"props":2576,"children":2577},{"style":408},[2578],{"type":176,"value":411},{"type":171,"tag":282,"props":2580,"children":2581},{"style":288},[2582],{"type":176,"value":416},{"type":171,"tag":282,"props":2584,"children":2585},{"style":419},[2586],{"type":176,"value":422},{"type":171,"tag":282,"props":2588,"children":2589},{"style":425},[2590],{"type":176,"value":2591},"Pixel2XL, ",{"type":171,"tag":282,"props":2593,"children":2594},{"style":431},[2595],{"type":176,"value":494},{"type":171,"tag":282,"props":2597,"children":2598},{"style":419},[2599],{"type":176,"value":439},{"type":171,"tag":282,"props":2601,"children":2602},{"style":419},[2603],{"type":176,"value":444},{"type":171,"tag":282,"props":2605,"children":2606},{"class":284,"line":569},[2607],{"type":171,"tag":282,"props":2608,"children":2609},{"style":450},[2610],{"type":176,"value":511},{"type":171,"tag":282,"props":2612,"children":2613},{"class":284,"line":578},[2614],{"type":171,"tag":282,"props":2615,"children":2616},{"style":450},[2617],{"type":176,"value":2618},"    \u002F\u002F Google Pixel 2XL\n",{"type":171,"tag":282,"props":2620,"children":2621},{"class":284,"line":136},[2622],{"type":171,"tag":282,"props":2623,"children":2624},{"style":419},[2625],{"type":176,"value":469},{"type":171,"tag":282,"props":2627,"children":2628},{"class":284,"line":143},[2629,2633,2637,2641,2646,2650],{"type":171,"tag":282,"props":2630,"children":2631},{"style":408},[2632],{"type":176,"value":411},{"type":171,"tag":282,"props":2634,"children":2635},{"style":288},[2636],{"type":176,"value":416},{"type":171,"tag":282,"props":2638,"children":2639},{"style":419},[2640],{"type":176,"value":422},{"type":171,"tag":282,"props":2642,"children":2643},{"style":425},[2644],{"type":176,"value":2645},"MacBook12",{"type":171,"tag":282,"props":2647,"children":2648},{"style":419},[2649],{"type":176,"value":439},{"type":171,"tag":282,"props":2651,"children":2652},{"style":419},[2653],{"type":176,"value":444},{"type":171,"tag":282,"props":2655,"children":2656},{"class":284,"line":778},[2657],{"type":171,"tag":282,"props":2658,"children":2659},{"style":450},[2660],{"type":176,"value":511},{"type":171,"tag":282,"props":2662,"children":2663},{"class":284,"line":786},[2664],{"type":171,"tag":282,"props":2665,"children":2666},{"style":450},[2667],{"type":176,"value":2668},"    \u002F\u002F MacBook 12\n",{"type":171,"tag":282,"props":2670,"children":2671},{"class":284,"line":827},[2672],{"type":171,"tag":282,"props":2673,"children":2674},{"style":419},[2675],{"type":176,"value":469},{"type":171,"tag":282,"props":2677,"children":2678},{"class":284,"line":835},[2679,2683,2687,2691,2696,2700],{"type":171,"tag":282,"props":2680,"children":2681},{"style":408},[2682],{"type":176,"value":411},{"type":171,"tag":282,"props":2684,"children":2685},{"style":288},[2686],{"type":176,"value":416},{"type":171,"tag":282,"props":2688,"children":2689},{"style":419},[2690],{"type":176,"value":422},{"type":171,"tag":282,"props":2692,"children":2693},{"style":425},[2694],{"type":176,"value":2695},"iMac27",{"type":171,"tag":282,"props":2697,"children":2698},{"style":419},[2699],{"type":176,"value":439},{"type":171,"tag":282,"props":2701,"children":2702},{"style":419},[2703],{"type":176,"value":444},{"type":171,"tag":282,"props":2705,"children":2706},{"class":284,"line":843},[2707],{"type":171,"tag":282,"props":2708,"children":2709},{"style":450},[2710],{"type":176,"value":511},{"type":171,"tag":282,"props":2712,"children":2713},{"class":284,"line":851},[2714],{"type":171,"tag":282,"props":2715,"children":2716},{"style":450},[2717],{"type":176,"value":2718},"    \u002F\u002F iMac 27\n",{"type":171,"tag":282,"props":2720,"children":2721},{"class":284,"line":859},[2722],{"type":171,"tag":282,"props":2723,"children":2724},{"style":419},[2725],{"type":176,"value":469},{"type":171,"tag":259,"props":2727,"children":2729},{"id":2728},"ссылки",[2730],{"type":176,"value":2731},"Ссылки",{"type":171,"tag":172,"props":2733,"children":2734},{},[2735,2742,2745,2752,2755],{"type":171,"tag":183,"props":2736,"children":2739},{"href":2737,"rel":2738},"https:\u002F\u002Fgithub.com\u002Fgvozdb\u002Fsass-mediascreen",[187],[2740],{"type":176,"value":2741},"Библиотека на GitHub",{"type":171,"tag":374,"props":2743,"children":2744},{},[],{"type":171,"tag":183,"props":2746,"children":2749},{"href":2747,"rel":2748},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fsass-mediascreen",[187],[2750],{"type":176,"value":2751},"Библиотека в репозитории Npm",{"type":171,"tag":374,"props":2753,"children":2754},{},[],{"type":171,"tag":183,"props":2756,"children":2758},{"href":185,"rel":2757},[187],[2759],{"type":176,"value":2760},"Демо страничка",{"type":171,"tag":2762,"props":2763,"children":2764},"style",{},[2765],{"type":176,"value":2766},".shiki,html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}.dark .shiki,html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":123,"searchDepth":32,"depth":32,"links":2768},[2769,2770,2771,2772,2773,2774],{"id":196,"depth":105,"text":199},{"id":261,"depth":32,"text":264},{"id":385,"depth":32,"text":388},{"id":1218,"depth":32,"text":1221},{"id":1691,"depth":32,"text":1694},{"id":2728,"depth":32,"text":2731},[],[2777,2790,2802,2811,2820,2831,2839,2847,2855,2858,2861,2869,2877,2885,2893],{"id":778,"documentId":2778,"name":2779,"slug":2780,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2781,"updatedAt":2781,"publishedAt":2782,"locale":22,"heading":16,"desc":16,"posts":2783},"aju4latl5hi6906pt0ktlb1g","Linux","linux","2026-05-16T10:03:45.426Z","2026-05-16T10:03:45.422Z",[2784,2785,2786,2787,2788,2789],{"id":61,"documentId":62},{"id":64,"documentId":65},{"id":67,"documentId":68},{"id":70,"documentId":71},{"id":84,"documentId":85},{"id":96,"documentId":97},{"id":505,"documentId":2791,"name":2792,"slug":2793,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2794,"updatedAt":2794,"publishedAt":2795,"locale":22,"heading":16,"desc":16,"posts":2796},"mau3qzs4gq9pxckgymu674yr","MODX","modx","2026-05-16T10:03:44.164Z","2026-05-16T10:03:44.154Z",[2797,2798,2799,2800,2801],{"id":49,"documentId":50},{"id":52,"documentId":53},{"id":76,"documentId":77},{"id":90,"documentId":91},{"id":93,"documentId":94},{"id":843,"documentId":2803,"name":2804,"slug":2805,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2806,"updatedAt":2806,"publishedAt":2807,"locale":22,"heading":16,"desc":16,"posts":2808},"bfi7bs1ny52g8tz3ok8wrngy","macOS","macos","2026-05-16T10:33:46.268Z","2026-05-16T10:33:46.265Z",[2809,2810],{"id":43,"documentId":44},{"id":58,"documentId":59},{"id":851,"documentId":2812,"name":2813,"slug":2814,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2815,"updatedAt":2815,"publishedAt":2816,"locale":22,"heading":16,"desc":16,"posts":2817},"georvivt518jgm5vp8rcv0kv","Инструменты","instrumenty","2026-05-16T10:33:46.941Z","2026-05-16T10:33:46.938Z",[2818,2819],{"id":55,"documentId":56},{"id":79,"documentId":80},{"id":2304,"documentId":2821,"name":2822,"slug":2823,"textcolor":16,"bgcolor":16,"published":17,"uri":2824,"createdAt":2825,"updatedAt":2825,"publishedAt":2826,"locale":22,"heading":2827,"desc":123,"posts":2828},"dcyh9y95rmthzo6oip4ftoez","AI","ai","\u002Fai","2026-05-30T10:54:12.198Z","2026-05-30T10:54:12.192Z","Искусственный интеллект",[2829,2830],{"id":99,"documentId":100},{"id":102,"documentId":103},{"id":105,"documentId":2832,"name":2833,"slug":2834,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2835,"updatedAt":2835,"publishedAt":2836,"locale":22,"heading":16,"desc":16,"posts":2837},"tfr5asfr2apchhtgxje8epz1","Стихи","stihi","2026-05-16T10:03:43.872Z","2026-05-16T10:03:43.861Z",[2838],{"id":26,"documentId":27},{"id":346,"documentId":2840,"name":2841,"slug":2842,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2843,"updatedAt":2843,"publishedAt":2844,"locale":22,"heading":16,"desc":16,"posts":2845},"c7joczpqlb928nxr2l5qyg9m","Мысли","mysli","2026-05-16T10:03:44.061Z","2026-05-16T10:03:44.054Z",[2846],{"id":115,"documentId":116},{"id":523,"documentId":2848,"name":2849,"slug":2850,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2851,"updatedAt":2851,"publishedAt":2852,"locale":22,"heading":16,"desc":16,"posts":2853},"dwpf4sx017aq366ygh46evsc","Психология","psihologiya","2026-05-16T10:03:44.268Z","2026-05-16T10:03:44.264Z",[2854],{"id":118,"documentId":119},{"id":136,"documentId":137,"name":138,"slug":139,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":140,"updatedAt":140,"publishedAt":141,"locale":22,"heading":16,"desc":16,"posts":2856},[2857],{"id":82,"documentId":6},{"id":143,"documentId":144,"name":145,"slug":146,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":147,"updatedAt":147,"publishedAt":148,"locale":22,"heading":16,"desc":16,"posts":2859},[2860],{"id":82,"documentId":6},{"id":786,"documentId":2862,"name":2863,"slug":2864,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2865,"updatedAt":2865,"publishedAt":2866,"locale":22,"heading":16,"desc":16,"posts":2867},"czaf643kmvvab1xf4gx3ddh9","VPN","vpn","2026-05-16T10:03:45.455Z","2026-05-16T10:03:45.446Z",[2868],{"id":84,"documentId":85},{"id":835,"documentId":2870,"name":2871,"slug":2872,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2873,"updatedAt":2873,"publishedAt":2874,"locale":22,"heading":16,"desc":16,"posts":2875},"gpitv9ds3usb3p8j7sgajglb","SEO","seo","2026-05-16T10:33:46.002Z","2026-05-16T10:33:45.995Z",[2876],{"id":46,"documentId":47},{"id":859,"documentId":2878,"name":2879,"slug":2880,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2881,"updatedAt":2881,"publishedAt":2882,"locale":22,"heading":16,"desc":16,"posts":2883},"htsr27rbn93onqsys2gavt4m","Phpstorm","phpstorm","2026-05-16T10:33:46.959Z","2026-05-16T10:33:46.956Z",[2884],{"id":55,"documentId":56},{"id":2267,"documentId":2886,"name":2887,"slug":2888,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2889,"updatedAt":2889,"publishedAt":2890,"locale":22,"heading":16,"desc":16,"posts":2891},"l9ruh02w7yl3rvez05s8ndv7","Node.js","node-js","2026-05-16T10:33:47.947Z","2026-05-16T10:33:47.944Z",[2892],{"id":73,"documentId":74},{"id":2284,"documentId":2894,"name":2895,"slug":2896,"textcolor":16,"bgcolor":16,"published":17,"uri":16,"createdAt":2897,"updatedAt":2897,"publishedAt":2898,"locale":22,"heading":16,"desc":16,"posts":2899},"xkffo03bgoiimugiwqgryrx0","Крипта","kripta","2026-05-16T10:33:48.241Z","2026-05-16T10:33:48.237Z",[2900],{"id":87,"documentId":88}]