[{"data":1,"prerenderedAt":672},["Reactive",2],{"content-query-zZAxhqi2b1":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"image":10,"head":11,"body":25,"_type":667,"_id":668,"_source":669,"_file":670,"_extension":671},"/mixins/flex","mixins",false,"","Flexbox","Flexbox фрейморка ZUI","/public/favicon.icn",{"meta":12},[13,16,19,22],{"name":14,"content":15},"keywords","css, framework, scss, sass",{"name":17,"content":18},"robots","index, follow",{"name":20,"content":21},"author","Alexander Zharikov",{"name":23,"content":24},"copyright","© 2023 Zharikov.design",{"type":26,"children":27,"toc":662},"root",[28,36,43,68,112,189,196,288,294,436,442,447,527,532,656],{"type":29,"tag":30,"props":31,"children":33},"element","h1",{"id":32},"flexbox",[34],{"type":35,"value":8},"text",{"type":29,"tag":37,"props":38,"children":40},"h2",{"id":39},"свойства",[41],{"type":35,"value":42},"Свойства",{"type":29,"tag":44,"props":45,"children":46},"p",{},[47,54,56,60,66],{"type":29,"tag":48,"props":49,"children":51},"code",{"className":50},[],[52],{"type":35,"value":53},"$df",{"type":35,"value":55}," - flex;",{"type":29,"tag":57,"props":58,"children":59},"br",{},[],{"type":29,"tag":48,"props":61,"children":63},{"className":62},[],[64],{"type":35,"value":65},"$di",{"type":35,"value":67}," - inline-flex;",{"type":29,"tag":44,"props":69,"children":70},{},[71,77,79,82,88,90,93,99,101,104,110],{"type":29,"tag":48,"props":72,"children":74},{"className":73},[],[75],{"type":35,"value":76},"$rw",{"type":35,"value":78}," - row;",{"type":29,"tag":57,"props":80,"children":81},{},[],{"type":29,"tag":48,"props":83,"children":85},{"className":84},[],[86],{"type":35,"value":87},"$rr",{"type":35,"value":89}," - row-reverse;",{"type":29,"tag":57,"props":91,"children":92},{},[],{"type":29,"tag":48,"props":94,"children":96},{"className":95},[],[97],{"type":35,"value":98},"$cl",{"type":35,"value":100}," - column;",{"type":29,"tag":57,"props":102,"children":103},{},[],{"type":29,"tag":48,"props":105,"children":107},{"className":106},[],[108],{"type":35,"value":109},"$clr",{"type":35,"value":111}," - column-reverse;",{"type":29,"tag":44,"props":113,"children":114},{},[115,121,123,126,132,134,137,143,145,148,154,156,159,165,167,170,176,178,181,187],{"type":29,"tag":48,"props":116,"children":118},{"className":117},[],[119],{"type":35,"value":120},"$fs",{"type":35,"value":122}," - flex-start;",{"type":29,"tag":57,"props":124,"children":125},{},[],{"type":29,"tag":48,"props":127,"children":129},{"className":128},[],[130],{"type":35,"value":131},"$fe",{"type":35,"value":133}," - flex-end;",{"type":29,"tag":57,"props":135,"children":136},{},[],{"type":29,"tag":48,"props":138,"children":140},{"className":139},[],[141],{"type":35,"value":142},"$cr",{"type":35,"value":144}," - center;",{"type":29,"tag":57,"props":146,"children":147},{},[],{"type":29,"tag":48,"props":149,"children":151},{"className":150},[],[152],{"type":35,"value":153},"$sb",{"type":35,"value":155}," - space-between;",{"type":29,"tag":57,"props":157,"children":158},{},[],{"type":29,"tag":48,"props":160,"children":162},{"className":161},[],[163],{"type":35,"value":164},"$sa",{"type":35,"value":166}," - space-around;",{"type":29,"tag":57,"props":168,"children":169},{},[],{"type":29,"tag":48,"props":171,"children":173},{"className":172},[],[174],{"type":35,"value":175},"$bl",{"type":35,"value":177}," - baseline;",{"type":29,"tag":57,"props":179,"children":180},{},[],{"type":29,"tag":48,"props":182,"children":184},{"className":183},[],[185],{"type":35,"value":186},"$sh",{"type":35,"value":188}," - stretch;",{"type":29,"tag":190,"props":191,"children":193},"h4",{"id":192},"scss",[194],{"type":35,"value":195},"SCSS",{"type":29,"tag":197,"props":198,"children":201},"pre",{"className":199,"code":200,"language":192,"meta":7,"style":7},"language-scss shiki shiki-themes github-light github-dark",".block {\n  @include flex($rw,$fs,$fs,$zui-4);\n}\n",[202],{"type":29,"tag":48,"props":203,"children":204},{"__ignoreMap":7},[205,223,279],{"type":29,"tag":206,"props":207,"children":210},"span",{"class":208,"line":209},"line",1,[211,217],{"type":29,"tag":206,"props":212,"children":214},{"style":213},"--shiki-default:#6F42C1;--shiki-dark:#B392F0",[215],{"type":35,"value":216},".block",{"type":29,"tag":206,"props":218,"children":220},{"style":219},"--shiki-default:#24292E;--shiki-dark:#E1E4E8",[221],{"type":35,"value":222}," {\n",{"type":29,"tag":206,"props":224,"children":226},{"class":208,"line":225},2,[227,233,238,243,248,253,257,261,265,269,274],{"type":29,"tag":206,"props":228,"children":230},{"style":229},"--shiki-default:#D73A49;--shiki-dark:#F97583",[231],{"type":35,"value":232},"  @include",{"type":29,"tag":206,"props":234,"children":235},{"style":213},[236],{"type":35,"value":237}," flex",{"type":29,"tag":206,"props":239,"children":240},{"style":219},[241],{"type":35,"value":242},"(",{"type":29,"tag":206,"props":244,"children":246},{"style":245},"--shiki-default:#E36209;--shiki-dark:#FFAB70",[247],{"type":35,"value":76},{"type":29,"tag":206,"props":249,"children":250},{"style":219},[251],{"type":35,"value":252},",",{"type":29,"tag":206,"props":254,"children":255},{"style":245},[256],{"type":35,"value":120},{"type":29,"tag":206,"props":258,"children":259},{"style":219},[260],{"type":35,"value":252},{"type":29,"tag":206,"props":262,"children":263},{"style":245},[264],{"type":35,"value":120},{"type":29,"tag":206,"props":266,"children":267},{"style":219},[268],{"type":35,"value":252},{"type":29,"tag":206,"props":270,"children":271},{"style":245},[272],{"type":35,"value":273},"$zui-4",{"type":29,"tag":206,"props":275,"children":276},{"style":219},[277],{"type":35,"value":278},");\n",{"type":29,"tag":206,"props":280,"children":282},{"class":208,"line":281},3,[283],{"type":29,"tag":206,"props":284,"children":285},{"style":219},[286],{"type":35,"value":287},"}\n",{"type":29,"tag":190,"props":289,"children":291},{"id":290},"css",[292],{"type":35,"value":293},"CSS",{"type":29,"tag":197,"props":295,"children":298},{"className":296,"code":297,"language":290,"meta":7,"style":7},"language-css shiki shiki-themes github-light github-dark",".block {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 4px;\n}\n",[299],{"type":29,"tag":48,"props":300,"children":301},{"__ignoreMap":7},[302,313,337,358,380,401,428],{"type":29,"tag":206,"props":303,"children":304},{"class":208,"line":209},[305,309],{"type":29,"tag":206,"props":306,"children":307},{"style":213},[308],{"type":35,"value":216},{"type":29,"tag":206,"props":310,"children":311},{"style":219},[312],{"type":35,"value":222},{"type":29,"tag":206,"props":314,"children":315},{"class":208,"line":225},[316,322,327,332],{"type":29,"tag":206,"props":317,"children":319},{"style":318},"--shiki-default:#005CC5;--shiki-dark:#79B8FF",[320],{"type":35,"value":321},"  display",{"type":29,"tag":206,"props":323,"children":324},{"style":219},[325],{"type":35,"value":326},": ",{"type":29,"tag":206,"props":328,"children":329},{"style":318},[330],{"type":35,"value":331},"flex",{"type":29,"tag":206,"props":333,"children":334},{"style":219},[335],{"type":35,"value":336},";\n",{"type":29,"tag":206,"props":338,"children":339},{"class":208,"line":281},[340,345,349,354],{"type":29,"tag":206,"props":341,"children":342},{"style":318},[343],{"type":35,"value":344},"  flex-direction",{"type":29,"tag":206,"props":346,"children":347},{"style":219},[348],{"type":35,"value":326},{"type":29,"tag":206,"props":350,"children":351},{"style":318},[352],{"type":35,"value":353},"row",{"type":29,"tag":206,"props":355,"children":356},{"style":219},[357],{"type":35,"value":336},{"type":29,"tag":206,"props":359,"children":361},{"class":208,"line":360},4,[362,367,371,376],{"type":29,"tag":206,"props":363,"children":364},{"style":318},[365],{"type":35,"value":366},"  justify-content",{"type":29,"tag":206,"props":368,"children":369},{"style":219},[370],{"type":35,"value":326},{"type":29,"tag":206,"props":372,"children":373},{"style":318},[374],{"type":35,"value":375},"flex-start",{"type":29,"tag":206,"props":377,"children":378},{"style":219},[379],{"type":35,"value":336},{"type":29,"tag":206,"props":381,"children":383},{"class":208,"line":382},5,[384,389,393,397],{"type":29,"tag":206,"props":385,"children":386},{"style":318},[387],{"type":35,"value":388},"  align-items",{"type":29,"tag":206,"props":390,"children":391},{"style":219},[392],{"type":35,"value":326},{"type":29,"tag":206,"props":394,"children":395},{"style":318},[396],{"type":35,"value":375},{"type":29,"tag":206,"props":398,"children":399},{"style":219},[400],{"type":35,"value":336},{"type":29,"tag":206,"props":402,"children":404},{"class":208,"line":403},6,[405,410,414,419,424],{"type":29,"tag":206,"props":406,"children":407},{"style":318},[408],{"type":35,"value":409},"  gap",{"type":29,"tag":206,"props":411,"children":412},{"style":219},[413],{"type":35,"value":326},{"type":29,"tag":206,"props":415,"children":416},{"style":318},[417],{"type":35,"value":418},"4",{"type":29,"tag":206,"props":420,"children":421},{"style":229},[422],{"type":35,"value":423},"px",{"type":29,"tag":206,"props":425,"children":426},{"style":219},[427],{"type":35,"value":336},{"type":29,"tag":206,"props":429,"children":431},{"class":208,"line":430},7,[432],{"type":29,"tag":206,"props":433,"children":434},{"style":219},[435],{"type":35,"value":287},{"type":29,"tag":437,"props":438,"children":440},"h3",{"id":439},"inline-flex",[441],{"type":35,"value":439},{"type":29,"tag":190,"props":443,"children":445},{"id":444},"scss-1",[446],{"type":35,"value":195},{"type":29,"tag":197,"props":448,"children":450},{"className":199,"code":449,"language":192,"meta":7,"style":7},".block {\n  @include flex($rw,$fs,$fs,$zui-4,$di);\n}\n",[451],{"type":29,"tag":48,"props":452,"children":453},{"__ignoreMap":7},[454,465,520],{"type":29,"tag":206,"props":455,"children":456},{"class":208,"line":209},[457,461],{"type":29,"tag":206,"props":458,"children":459},{"style":213},[460],{"type":35,"value":216},{"type":29,"tag":206,"props":462,"children":463},{"style":219},[464],{"type":35,"value":222},{"type":29,"tag":206,"props":466,"children":467},{"class":208,"line":225},[468,472,476,480,484,488,492,496,500,504,508,512,516],{"type":29,"tag":206,"props":469,"children":470},{"style":229},[471],{"type":35,"value":232},{"type":29,"tag":206,"props":473,"children":474},{"style":213},[475],{"type":35,"value":237},{"type":29,"tag":206,"props":477,"children":478},{"style":219},[479],{"type":35,"value":242},{"type":29,"tag":206,"props":481,"children":482},{"style":245},[483],{"type":35,"value":76},{"type":29,"tag":206,"props":485,"children":486},{"style":219},[487],{"type":35,"value":252},{"type":29,"tag":206,"props":489,"children":490},{"style":245},[491],{"type":35,"value":120},{"type":29,"tag":206,"props":493,"children":494},{"style":219},[495],{"type":35,"value":252},{"type":29,"tag":206,"props":497,"children":498},{"style":245},[499],{"type":35,"value":120},{"type":29,"tag":206,"props":501,"children":502},{"style":219},[503],{"type":35,"value":252},{"type":29,"tag":206,"props":505,"children":506},{"style":245},[507],{"type":35,"value":273},{"type":29,"tag":206,"props":509,"children":510},{"style":219},[511],{"type":35,"value":252},{"type":29,"tag":206,"props":513,"children":514},{"style":245},[515],{"type":35,"value":65},{"type":29,"tag":206,"props":517,"children":518},{"style":219},[519],{"type":35,"value":278},{"type":29,"tag":206,"props":521,"children":522},{"class":208,"line":281},[523],{"type":29,"tag":206,"props":524,"children":525},{"style":219},[526],{"type":35,"value":287},{"type":29,"tag":190,"props":528,"children":530},{"id":529},"css-1",[531],{"type":35,"value":293},{"type":29,"tag":197,"props":533,"children":535},{"className":296,"code":534,"language":290,"meta":7,"style":7},".block {\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 4px;\n}\n",[536],{"type":29,"tag":48,"props":537,"children":538},{"__ignoreMap":7},[539,550,569,588,607,626,649],{"type":29,"tag":206,"props":540,"children":541},{"class":208,"line":209},[542,546],{"type":29,"tag":206,"props":543,"children":544},{"style":213},[545],{"type":35,"value":216},{"type":29,"tag":206,"props":547,"children":548},{"style":219},[549],{"type":35,"value":222},{"type":29,"tag":206,"props":551,"children":552},{"class":208,"line":225},[553,557,561,565],{"type":29,"tag":206,"props":554,"children":555},{"style":318},[556],{"type":35,"value":321},{"type":29,"tag":206,"props":558,"children":559},{"style":219},[560],{"type":35,"value":326},{"type":29,"tag":206,"props":562,"children":563},{"style":318},[564],{"type":35,"value":439},{"type":29,"tag":206,"props":566,"children":567},{"style":219},[568],{"type":35,"value":336},{"type":29,"tag":206,"props":570,"children":571},{"class":208,"line":281},[572,576,580,584],{"type":29,"tag":206,"props":573,"children":574},{"style":318},[575],{"type":35,"value":344},{"type":29,"tag":206,"props":577,"children":578},{"style":219},[579],{"type":35,"value":326},{"type":29,"tag":206,"props":581,"children":582},{"style":318},[583],{"type":35,"value":353},{"type":29,"tag":206,"props":585,"children":586},{"style":219},[587],{"type":35,"value":336},{"type":29,"tag":206,"props":589,"children":590},{"class":208,"line":360},[591,595,599,603],{"type":29,"tag":206,"props":592,"children":593},{"style":318},[594],{"type":35,"value":366},{"type":29,"tag":206,"props":596,"children":597},{"style":219},[598],{"type":35,"value":326},{"type":29,"tag":206,"props":600,"children":601},{"style":318},[602],{"type":35,"value":375},{"type":29,"tag":206,"props":604,"children":605},{"style":219},[606],{"type":35,"value":336},{"type":29,"tag":206,"props":608,"children":609},{"class":208,"line":382},[610,614,618,622],{"type":29,"tag":206,"props":611,"children":612},{"style":318},[613],{"type":35,"value":388},{"type":29,"tag":206,"props":615,"children":616},{"style":219},[617],{"type":35,"value":326},{"type":29,"tag":206,"props":619,"children":620},{"style":318},[621],{"type":35,"value":375},{"type":29,"tag":206,"props":623,"children":624},{"style":219},[625],{"type":35,"value":336},{"type":29,"tag":206,"props":627,"children":628},{"class":208,"line":403},[629,633,637,641,645],{"type":29,"tag":206,"props":630,"children":631},{"style":318},[632],{"type":35,"value":409},{"type":29,"tag":206,"props":634,"children":635},{"style":219},[636],{"type":35,"value":326},{"type":29,"tag":206,"props":638,"children":639},{"style":318},[640],{"type":35,"value":418},{"type":29,"tag":206,"props":642,"children":643},{"style":229},[644],{"type":35,"value":423},{"type":29,"tag":206,"props":646,"children":647},{"style":219},[648],{"type":35,"value":336},{"type":29,"tag":206,"props":650,"children":651},{"class":208,"line":430},[652],{"type":29,"tag":206,"props":653,"children":654},{"style":219},[655],{"type":35,"value":287},{"type":29,"tag":657,"props":658,"children":659},"style",{},[660],{"type":35,"value":661},"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);}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":7,"searchDepth":225,"depth":225,"links":663},[664],{"id":39,"depth":225,"text":42,"children":665},[666],{"id":439,"depth":281,"text":439},"markdown","content:3.mixins:flex.md","content","3.mixins/flex.md","md",1731665135839]