[{"data":1,"prerenderedAt":1021},["ShallowReactive",2],{"navigation_docs_en":3,"-en-mixins-use-transition":131,"-en-mixins-use-transition-surround":1016},[4,34,127],{"title":5,"path":6,"stem":7,"children":8,"page":33},"Functions","\u002Fen\u002Ffunctions","en\u002F100.functions",[9,13,17,21,25,29],{"title":10,"path":11,"stem":12},"color","\u002Fen\u002Ffunctions\u002Fcolor","en\u002F100.functions\u002F110.color",{"title":14,"path":15,"stem":16},"list","\u002Fen\u002Ffunctions\u002Flist","en\u002F100.functions\u002F120.list",{"title":18,"path":19,"stem":20},"math","\u002Fen\u002Ffunctions\u002Fmath","en\u002F100.functions\u002F130.math",{"title":22,"path":23,"stem":24},"responsive","\u002Fen\u002Ffunctions\u002Fresponsive","en\u002F100.functions\u002F135.responsive",{"title":26,"path":27,"stem":28},"meta","\u002Fen\u002Ffunctions\u002Fmeta","en\u002F100.functions\u002F140.meta",{"title":30,"path":31,"stem":32},"string","\u002Fen\u002Ffunctions\u002Fstring","en\u002F100.functions\u002F150.string",false,{"title":35,"path":36,"stem":37,"children":38,"page":33},"Mixins","\u002Fen\u002Fmixins","en\u002F200.mixins",[39,43,47,51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123],{"title":40,"path":41,"stem":42},"bem-modifiers","\u002Fen\u002Fmixins\u002Fbem-modifiers","en\u002F200.mixins\u002F210.bem-modifiers",{"title":44,"path":45,"stem":46},"border-radius","\u002Fen\u002Fmixins\u002Fborder-radius","en\u002F200.mixins\u002F215.border-radius",{"title":48,"path":49,"stem":50},"box","\u002Fen\u002Fmixins\u002Fbox","en\u002F200.mixins\u002F220.box",{"title":52,"path":53,"stem":54},"br","\u002Fen\u002Fmixins\u002Fbr","en\u002F200.mixins\u002F225.br",{"title":56,"path":57,"stem":58},"ellipsis","\u002Fen\u002Fmixins\u002Fellipsis","en\u002F200.mixins\u002F235.ellipsis",{"title":60,"path":61,"stem":62},"font","\u002Fen\u002Fmixins\u002Ffont","en\u002F200.mixins\u002F240.font",{"title":64,"path":65,"stem":66},"full-size","\u002Fen\u002Fmixins\u002Ffull-size","en\u002F200.mixins\u002F245.full-size",{"title":68,"path":69,"stem":70},"hidden-element","\u002Fen\u002Fmixins\u002Fhidden-element","en\u002F200.mixins\u002F250.hidden-element",{"title":72,"path":73,"stem":74},"hide-scrollbar","\u002Fen\u002Fmixins\u002Fhide-scrollbar","en\u002F200.mixins\u002F251.hide-scrollbar",{"title":76,"path":77,"stem":78},"margin","\u002Fen\u002Fmixins\u002Fmargin","en\u002F200.mixins\u002F255.margin",{"title":80,"path":81,"stem":82},"padding","\u002Fen\u002Fmixins\u002Fpadding","en\u002F200.mixins\u002F260.padding",{"title":84,"path":85,"stem":86},"parent-state","\u002Fen\u002Fmixins\u002Fparent-state","en\u002F200.mixins\u002F265.parent-state",{"title":88,"path":89,"stem":90},"pos","\u002Fen\u002Fmixins\u002Fpos","en\u002F200.mixins\u002F270.pos",{"title":92,"path":93,"stem":94},"pseudo","\u002Fen\u002Fmixins\u002Fpseudo","en\u002F200.mixins\u002F275.pseudo",{"title":96,"path":97,"stem":98},"reset-button","\u002Fen\u002Fmixins\u002Freset-button","en\u002F200.mixins\u002F280.reset-button",{"title":100,"path":101,"stem":102},"reset-input","\u002Fen\u002Fmixins\u002Freset-input","en\u002F200.mixins\u002F285.reset-input",{"title":104,"path":105,"stem":106},"transform-center","\u002Fen\u002Fmixins\u002Ftransform-center","en\u002F200.mixins\u002F290.transform-center",{"title":108,"path":109,"stem":110},"triangle","\u002Fen\u002Fmixins\u002Ftriangle","en\u002F200.mixins\u002F295.triangle",{"title":112,"path":113,"stem":114},"use-fluid-font","\u002Fen\u002Fmixins\u002Fuse-fluid-font","en\u002F200.mixins\u002F300.use-fluid-font",{"title":116,"path":117,"stem":118},"use-fluid-prop","\u002Fen\u002Fmixins\u002Fuse-fluid-prop","en\u002F200.mixins\u002F305.use-fluid-prop",{"title":120,"path":121,"stem":122},"use-transition","\u002Fen\u002Fmixins\u002Fuse-transition","en\u002F200.mixins\u002F310.use-transition",{"title":124,"path":125,"stem":126},"visually-hidden","\u002Fen\u002Fmixins\u002Fvisually-hidden","en\u002F200.mixins\u002F315.visually-hidden",{"title":128,"path":129,"stem":130},"Variables","\u002Fen\u002Fvariables","en\u002F300.variables",{"id":132,"title":120,"body":133,"description":1010,"extension":1011,"links":1012,"meta":1013,"navigation":297,"path":121,"seo":1014,"stem":122,"__hash__":1015},"docs_en\u002Fen\u002F200.mixins\u002F310.use-transition.md",{"type":134,"value":135,"toc":1006},"minimark",[136,141,226,230,242,556,566,1002],[137,138,140],"h2",{"id":139},"arguments","Arguments",[142,143,144,163],"table",{},[145,146,147],"thead",{},[148,149,150,154,157,160],"tr",{},[151,152,153],"th",{},"Name",[151,155,156],{},"Type",[151,158,159],{},"Default",[151,161,162],{},"Description",[164,165,166,183,198,212],"tbody",{},[148,167,168,172,177,180],{},[169,170,171],"td",{},"$properties",[169,173,174],{},[175,176,14],"code",{},[169,178,179],{},"—",[169,181,182],{},"The list containing properties to be transitioned (space-separated).",[148,184,185,188,193,195],{},[169,186,187],{},"$duration",[169,189,190],{},[175,191,192],{},"number",[169,194,179],{},[169,196,197],{},"Duration of transition.",[148,199,200,203,207,209],{},[169,201,202],{},"$delay",[169,204,205],{},[175,206,192],{},[169,208,179],{},[169,210,211],{},"Delay of transition.",[148,213,214,217,221,223],{},[169,215,216],{},"$timing-function",[169,218,219],{},[175,220,30],{},[169,222,179],{},[169,224,225],{},"Timing-function of transition.",[137,227,229],{"id":228},"example","Example",[231,232,233,234,237,238,241],"p",{},"It's recommended to create your own mixin called ",[175,235,236],{},"transition",",\nset the projects defaults and pass the content to ",[175,239,240],{},"use-transitions"," mixin next.",[243,244,245,468],"code-group",{},[246,247,253],"pre",{"className":248,"code":249,"filename":250,"language":251,"meta":252,"style":252},"language-scss shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F setup.scss\n@use 'more-sass' as more;\n\n@mixin transition($properties: (), $duration: .3s) {\n  @include more.use-transition($properties: $properties, $duration: $duration);\n}\n\n\u002F\u002F Later in the code...\n\n.element {\n  @include transition(opacity transform);\n}\n\n.element-two {\n  \u002F\u002F With comma-separated list extra brackets is required\n  @include transition((opacity, transform));\n}\n","SCSS","scss","",[175,254,255,264,292,299,335,365,371,376,382,387,398,416,421,426,436,442,463],{"__ignoreMap":252},[256,257,260],"span",{"class":258,"line":259},"line",1,[256,261,263],{"class":262},"sHwdD","\u002F\u002F setup.scss\n",[256,265,267,271,275,279,282,285,289],{"class":258,"line":266},2,[256,268,270],{"class":269},"s7zQu","@use",[256,272,274],{"class":273},"sMK4o"," '",[256,276,278],{"class":277},"sfazB","more-sass",[256,280,281],{"class":273},"'",[256,283,284],{"class":269}," as",[256,286,288],{"class":287},"sTEyZ"," more",[256,290,291],{"class":273},";\n",[256,293,295],{"class":258,"line":294},3,[256,296,298],{"emptyLinePlaceholder":297},true,"\n",[256,300,302,305,309,312,314,317,320,323,325,329,332],{"class":258,"line":301},4,[256,303,304],{"class":269},"@mixin",[256,306,308],{"class":307},"s2Zo4"," transition",[256,310,311],{"class":273},"(",[256,313,171],{"class":287},[256,315,316],{"class":273},":",[256,318,319],{"class":273}," ()",[256,321,322],{"class":287},", $duration",[256,324,316],{"class":273},[256,326,328],{"class":327},"sbssI"," .3s",[256,330,331],{"class":273},")",[256,333,334],{"class":273}," {\n",[256,336,338,341,343,346,348,350,352,354,357,359,362],{"class":258,"line":337},5,[256,339,340],{"class":269},"  @include",[256,342,288],{"class":287},[256,344,345],{"class":273},".",[256,347,120],{"class":307},[256,349,311],{"class":273},[256,351,171],{"class":287},[256,353,316],{"class":273},[256,355,356],{"class":287}," $properties, $duration",[256,358,316],{"class":273},[256,360,361],{"class":287}," $duration",[256,363,364],{"class":273},");\n",[256,366,368],{"class":258,"line":367},6,[256,369,370],{"class":273},"}\n",[256,372,374],{"class":258,"line":373},7,[256,375,298],{"emptyLinePlaceholder":297},[256,377,379],{"class":258,"line":378},8,[256,380,381],{"class":262},"\u002F\u002F Later in the code...\n",[256,383,385],{"class":258,"line":384},9,[256,386,298],{"emptyLinePlaceholder":297},[256,388,390,392,396],{"class":258,"line":389},10,[256,391,345],{"class":273},[256,393,395],{"class":394},"sBMFI","element",[256,397,334],{"class":273},[256,399,401,403,405,407,411,414],{"class":258,"line":400},11,[256,402,340],{"class":269},[256,404,308],{"class":307},[256,406,311],{"class":273},[256,408,410],{"class":409},"sqsOY","opacity",[256,412,413],{"class":409}," transform",[256,415,364],{"class":273},[256,417,419],{"class":258,"line":418},12,[256,420,370],{"class":273},[256,422,424],{"class":258,"line":423},13,[256,425,298],{"emptyLinePlaceholder":297},[256,427,429,431,434],{"class":258,"line":428},14,[256,430,345],{"class":273},[256,432,433],{"class":394},"element-two",[256,435,334],{"class":273},[256,437,439],{"class":258,"line":438},15,[256,440,441],{"class":262},"  \u002F\u002F With comma-separated list extra brackets is required\n",[256,443,445,447,449,452,454,457,460],{"class":258,"line":444},16,[256,446,340],{"class":269},[256,448,308],{"class":307},[256,450,451],{"class":273},"((",[256,453,410],{"class":409},[256,455,456],{"class":287},", ",[256,458,459],{"class":409},"transform",[256,461,462],{"class":273},"));\n",[256,464,466],{"class":258,"line":465},17,[256,467,370],{"class":273},[246,469,474],{"className":470,"code":471,"filename":472,"language":473,"meta":252,"style":252},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".element {\n  transition-property: opacity, transform;\n  transition-duration: .3s;\n}\n\n.element-two {\n  transition-property: opacity, transform;\n  transition-duration: .3s;\n}\n","Output","css",[175,475,476,484,501,512,516,520,528,542,552],{"__ignoreMap":252},[256,477,478,480,482],{"class":258,"line":259},[256,479,345],{"class":273},[256,481,395],{"class":394},[256,483,334],{"class":273},[256,485,486,489,491,494,497,499],{"class":258,"line":266},[256,487,488],{"class":409},"  transition-property",[256,490,316],{"class":273},[256,492,493],{"class":287}," opacity",[256,495,496],{"class":273},",",[256,498,413],{"class":287},[256,500,291],{"class":273},[256,502,503,506,508,510],{"class":258,"line":294},[256,504,505],{"class":409},"  transition-duration",[256,507,316],{"class":273},[256,509,328],{"class":327},[256,511,291],{"class":273},[256,513,514],{"class":258,"line":301},[256,515,370],{"class":273},[256,517,518],{"class":258,"line":337},[256,519,298],{"emptyLinePlaceholder":297},[256,521,522,524,526],{"class":258,"line":367},[256,523,345],{"class":273},[256,525,433],{"class":394},[256,527,334],{"class":273},[256,529,530,532,534,536,538,540],{"class":258,"line":373},[256,531,488],{"class":409},[256,533,316],{"class":273},[256,535,493],{"class":287},[256,537,496],{"class":273},[256,539,413],{"class":287},[256,541,291],{"class":273},[256,543,544,546,548,550],{"class":258,"line":378},[256,545,505],{"class":409},[256,547,316],{"class":273},[256,549,328],{"class":327},[256,551,291],{"class":273},[256,553,554],{"class":258,"line":384},[256,555,370],{"class":273},[231,557,558,559,562,563,565],{},"If you want to use comma-separated properties without extra brackets and you don't need to customize more than one extra transition property\n(usually ",[175,560,561],{},"transition-duration"," customizing is enough), you can write an extended version of ",[175,564,236],{}," mixin such as:",[243,567,568,924],{},[246,569,571],{"className":248,"code":570,"filename":250,"language":251,"meta":252,"style":252},"\u002F\u002F setup.scss\n@use 'more-sass' as more;\n@use 'sass:meta';\n@use 'sass:list';\n\n@mixin transition($properties...) {\n  $duration: .3s; \u002F\u002F your default `transition-duration`\n\n  @for $i from 1 through list.length($properties) {\n    $prop: list.nth($properties, $i);\n\n    @if (meta.type-of($prop) == 'number') {\n      $duration: $prop;\n      $properties: more.list-remove($properties, $i);\n    }\n  }\n\n  @include use-transition($properties: $properties, $duration: $duration);\n}\n\n\u002F\u002F Later in the code...\n\n.element {\n  \u002F\u002F Comma-separated without extra brackets\n  @include transition(opacity, transform);\n}\n\n.element-two {\n  @include transition(opacity, transform, .2s);\n}\n",[175,572,573,577,593,606,619,623,638,653,657,690,715,719,754,766,790,795,800,804,826,831,836,841,846,855,861,878,883,888,897,919],{"__ignoreMap":252},[256,574,575],{"class":258,"line":259},[256,576,263],{"class":262},[256,578,579,581,583,585,587,589,591],{"class":258,"line":266},[256,580,270],{"class":269},[256,582,274],{"class":273},[256,584,278],{"class":277},[256,586,281],{"class":273},[256,588,284],{"class":269},[256,590,288],{"class":287},[256,592,291],{"class":273},[256,594,595,597,599,602,604],{"class":258,"line":294},[256,596,270],{"class":269},[256,598,274],{"class":273},[256,600,601],{"class":277},"sass:meta",[256,603,281],{"class":273},[256,605,291],{"class":273},[256,607,608,610,612,615,617],{"class":258,"line":301},[256,609,270],{"class":269},[256,611,274],{"class":273},[256,613,614],{"class":277},"sass:list",[256,616,281],{"class":273},[256,618,291],{"class":273},[256,620,621],{"class":258,"line":337},[256,622,298],{"emptyLinePlaceholder":297},[256,624,625,627,629,631,634,636],{"class":258,"line":367},[256,626,304],{"class":269},[256,628,308],{"class":307},[256,630,311],{"class":273},[256,632,633],{"class":287},"$properties...",[256,635,331],{"class":273},[256,637,334],{"class":273},[256,639,640,643,645,647,650],{"class":258,"line":373},[256,641,642],{"class":287},"  $duration",[256,644,316],{"class":273},[256,646,328],{"class":327},[256,648,649],{"class":273},";",[256,651,652],{"class":262}," \u002F\u002F your default `transition-duration`\n",[256,654,655],{"class":258,"line":378},[256,656,298],{"emptyLinePlaceholder":297},[256,658,659,662,665,668,671,674,677,679,682,684,686,688],{"class":258,"line":384},[256,660,661],{"class":269},"  @for",[256,663,664],{"class":287}," $i ",[256,666,667],{"class":269},"from",[256,669,670],{"class":327}," 1",[256,672,673],{"class":269}," through",[256,675,676],{"class":287}," list",[256,678,345],{"class":273},[256,680,681],{"class":307},"length",[256,683,311],{"class":273},[256,685,171],{"class":287},[256,687,331],{"class":273},[256,689,334],{"class":273},[256,691,692,695,697,699,701,704,706,708,710,713],{"class":258,"line":389},[256,693,694],{"class":287},"    $prop",[256,696,316],{"class":273},[256,698,676],{"class":287},[256,700,345],{"class":273},[256,702,703],{"class":307},"nth",[256,705,311],{"class":273},[256,707,171],{"class":287},[256,709,496],{"class":273},[256,711,712],{"class":287}," $i",[256,714,364],{"class":273},[256,716,717],{"class":258,"line":400},[256,718,298],{"emptyLinePlaceholder":297},[256,720,721,724,727,729,731,734,736,739,741,744,746,748,750,752],{"class":258,"line":418},[256,722,723],{"class":269},"    @if",[256,725,726],{"class":273}," (",[256,728,26],{"class":287},[256,730,345],{"class":273},[256,732,733],{"class":307},"type-of",[256,735,311],{"class":273},[256,737,738],{"class":287},"$prop",[256,740,331],{"class":273},[256,742,743],{"class":287}," == ",[256,745,281],{"class":273},[256,747,192],{"class":277},[256,749,281],{"class":273},[256,751,331],{"class":273},[256,753,334],{"class":273},[256,755,756,759,761,764],{"class":258,"line":423},[256,757,758],{"class":287},"      $duration",[256,760,316],{"class":273},[256,762,763],{"class":287}," $prop",[256,765,291],{"class":273},[256,767,768,771,773,775,777,780,782,784,786,788],{"class":258,"line":428},[256,769,770],{"class":287},"      $properties",[256,772,316],{"class":273},[256,774,288],{"class":287},[256,776,345],{"class":273},[256,778,779],{"class":307},"list-remove",[256,781,311],{"class":273},[256,783,171],{"class":287},[256,785,496],{"class":273},[256,787,712],{"class":287},[256,789,364],{"class":273},[256,791,792],{"class":258,"line":438},[256,793,794],{"class":273},"    }\n",[256,796,797],{"class":258,"line":444},[256,798,799],{"class":273},"  }\n",[256,801,802],{"class":258,"line":465},[256,803,298],{"emptyLinePlaceholder":297},[256,805,807,809,812,814,816,818,820,822,824],{"class":258,"line":806},18,[256,808,340],{"class":269},[256,810,811],{"class":307}," use-transition",[256,813,311],{"class":273},[256,815,171],{"class":287},[256,817,316],{"class":273},[256,819,356],{"class":287},[256,821,316],{"class":273},[256,823,361],{"class":287},[256,825,364],{"class":273},[256,827,829],{"class":258,"line":828},19,[256,830,370],{"class":273},[256,832,834],{"class":258,"line":833},20,[256,835,298],{"emptyLinePlaceholder":297},[256,837,839],{"class":258,"line":838},21,[256,840,381],{"class":262},[256,842,844],{"class":258,"line":843},22,[256,845,298],{"emptyLinePlaceholder":297},[256,847,849,851,853],{"class":258,"line":848},23,[256,850,345],{"class":273},[256,852,395],{"class":394},[256,854,334],{"class":273},[256,856,858],{"class":258,"line":857},24,[256,859,860],{"class":262},"  \u002F\u002F Comma-separated without extra brackets\n",[256,862,864,866,868,870,872,874,876],{"class":258,"line":863},25,[256,865,340],{"class":269},[256,867,308],{"class":307},[256,869,311],{"class":273},[256,871,410],{"class":409},[256,873,456],{"class":287},[256,875,459],{"class":409},[256,877,364],{"class":273},[256,879,881],{"class":258,"line":880},26,[256,882,370],{"class":273},[256,884,886],{"class":258,"line":885},27,[256,887,298],{"emptyLinePlaceholder":297},[256,889,891,893,895],{"class":258,"line":890},28,[256,892,345],{"class":273},[256,894,433],{"class":394},[256,896,334],{"class":273},[256,898,900,902,904,906,908,910,912,914,917],{"class":258,"line":899},29,[256,901,340],{"class":269},[256,903,308],{"class":307},[256,905,311],{"class":273},[256,907,410],{"class":409},[256,909,456],{"class":287},[256,911,459],{"class":409},[256,913,456],{"class":287},[256,915,916],{"class":327},".2s",[256,918,364],{"class":273},[256,920,922],{"class":258,"line":921},30,[256,923,370],{"class":273},[246,925,927],{"className":470,"code":926,"filename":472,"language":473,"meta":252,"style":252},".element {\n  transition-property: opacity, transform;\n  transition-duration: .3s;\n}\n.element-two {\n  transition-property: opacity, transform;\n  transition-duration: .2s;\n}\n",[175,928,929,937,951,961,965,973,987,998],{"__ignoreMap":252},[256,930,931,933,935],{"class":258,"line":259},[256,932,345],{"class":273},[256,934,395],{"class":394},[256,936,334],{"class":273},[256,938,939,941,943,945,947,949],{"class":258,"line":266},[256,940,488],{"class":409},[256,942,316],{"class":273},[256,944,493],{"class":287},[256,946,496],{"class":273},[256,948,413],{"class":287},[256,950,291],{"class":273},[256,952,953,955,957,959],{"class":258,"line":294},[256,954,505],{"class":409},[256,956,316],{"class":273},[256,958,328],{"class":327},[256,960,291],{"class":273},[256,962,963],{"class":258,"line":301},[256,964,370],{"class":273},[256,966,967,969,971],{"class":258,"line":337},[256,968,345],{"class":273},[256,970,433],{"class":394},[256,972,334],{"class":273},[256,974,975,977,979,981,983,985],{"class":258,"line":367},[256,976,488],{"class":409},[256,978,316],{"class":273},[256,980,493],{"class":287},[256,982,496],{"class":273},[256,984,413],{"class":287},[256,986,291],{"class":273},[256,988,989,991,993,996],{"class":258,"line":373},[256,990,505],{"class":409},[256,992,316],{"class":273},[256,994,995],{"class":327}," .2s",[256,997,291],{"class":273},[256,999,1000],{"class":258,"line":378},[256,1001,370],{"class":273},[1003,1004,1005],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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":252,"searchDepth":266,"depth":266,"links":1007},[1008,1009],{"id":139,"depth":266,"text":140},{"id":228,"depth":266,"text":229},"High order mixin to reduce boilerplate code for \"default\" transitions.","md",null,{},{"title":120,"description":1010},"tOw5uUkrewsQpAmHL-rIiE0cQgzzrNN8vDoHlvKpHWs",[1017,1019],{"title":116,"path":117,"stem":118,"description":1018,"children":-1},"Sets a given property scaling uniformly within the specified limits depending on the screen width.",{"title":124,"path":125,"stem":126,"description":1020,"children":-1},"Visually hides the element but keeps it accessible.",1783604653466]