[{"data":1,"prerenderedAt":639},["ShallowReactive",2],{"navigation_docs_en":3,"-en-mixins-font":131,"-en-mixins-font-surround":634},[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":60,"body":133,"description":628,"extension":629,"links":630,"meta":631,"navigation":279,"path":61,"seo":632,"stem":62,"__hash__":633},"docs_en\u002Fen\u002F200.mixins\u002F240.font.md",{"type":134,"value":135,"toc":624},"minimark",[136,141,228,232,620],[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,206],"tbody",{},[148,167,168,178,184,187],{},[169,170,171,172],"td",{},"$params ",[173,174,177],"span",{"className":175},[176],"text-red-600","*",[169,179,180],{},[181,182,183],"code",{},"string|list|number",[169,185,186],{},"—",[169,188,189,190,192,195,196,195,199,195,202,205],{},"A set of rules for one or more of the following properties: ",[52,191],{},[181,193,194],{},"font-style",", ",[181,197,198],{},"font-weight",[181,200,201],{},"font-size",[181,203,204],{},"line-height",".",[148,207,208,211,216,221],{},[169,209,210],{},"$font-family",[169,212,213],{},[181,214,215],{},"?string",[169,217,218],{},[181,219,220],{},"null",[169,222,223,224,227],{},"The ",[181,225,226],{},"font-family"," property value.",[137,229,231],{"id":230},"example","Example",[233,234,235,453],"code-group",{},[236,237,243],"pre",{"className":238,"code":239,"filename":240,"language":241,"meta":242,"style":242},"language-scss shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@use 'more-sass' as more;\n\n.element-one {\n  @include more.font('italic 700 16px\u002F1.5');\n}\n\n.element-two {\n  @include more.font(32px);\n}\n\n.element-three {\n  @include more.font('\u002F1.2');\n}\n\n.element-four {\n  @include more.font(16px, 'Agora Slab Pro');\n}\n","SCSS","scss","",[181,244,245,274,281,293,319,325,330,340,359,364,369,379,401,406,411,421,448],{"__ignoreMap":242},[173,246,249,253,257,261,264,267,271],{"class":247,"line":248},"line",1,[173,250,252],{"class":251},"s7zQu","@use",[173,254,256],{"class":255},"sMK4o"," '",[173,258,260],{"class":259},"sfazB","more-sass",[173,262,263],{"class":255},"'",[173,265,266],{"class":251}," as",[173,268,270],{"class":269},"sTEyZ"," more",[173,272,273],{"class":255},";\n",[173,275,277],{"class":247,"line":276},2,[173,278,280],{"emptyLinePlaceholder":279},true,"\n",[173,282,284,286,290],{"class":247,"line":283},3,[173,285,205],{"class":255},[173,287,289],{"class":288},"sBMFI","element-one",[173,291,292],{"class":255}," {\n",[173,294,296,299,301,303,306,309,311,314,316],{"class":247,"line":295},4,[173,297,298],{"class":251},"  @include",[173,300,270],{"class":269},[173,302,205],{"class":255},[173,304,60],{"class":305},"s2Zo4",[173,307,308],{"class":255},"(",[173,310,263],{"class":255},[173,312,313],{"class":259},"italic 700 16px\u002F1.5",[173,315,263],{"class":255},[173,317,318],{"class":255},");\n",[173,320,322],{"class":247,"line":321},5,[173,323,324],{"class":255},"}\n",[173,326,328],{"class":247,"line":327},6,[173,329,280],{"emptyLinePlaceholder":279},[173,331,333,335,338],{"class":247,"line":332},7,[173,334,205],{"class":255},[173,336,337],{"class":288},"element-two",[173,339,292],{"class":255},[173,341,343,345,347,349,351,353,357],{"class":247,"line":342},8,[173,344,298],{"class":251},[173,346,270],{"class":269},[173,348,205],{"class":255},[173,350,60],{"class":305},[173,352,308],{"class":255},[173,354,356],{"class":355},"sbssI","32px",[173,358,318],{"class":255},[173,360,362],{"class":247,"line":361},9,[173,363,324],{"class":255},[173,365,367],{"class":247,"line":366},10,[173,368,280],{"emptyLinePlaceholder":279},[173,370,372,374,377],{"class":247,"line":371},11,[173,373,205],{"class":255},[173,375,376],{"class":288},"element-three",[173,378,292],{"class":255},[173,380,382,384,386,388,390,392,394,397,399],{"class":247,"line":381},12,[173,383,298],{"class":251},[173,385,270],{"class":269},[173,387,205],{"class":255},[173,389,60],{"class":305},[173,391,308],{"class":255},[173,393,263],{"class":255},[173,395,396],{"class":259},"\u002F1.2",[173,398,263],{"class":255},[173,400,318],{"class":255},[173,402,404],{"class":247,"line":403},13,[173,405,324],{"class":255},[173,407,409],{"class":247,"line":408},14,[173,410,280],{"emptyLinePlaceholder":279},[173,412,414,416,419],{"class":247,"line":413},15,[173,415,205],{"class":255},[173,417,418],{"class":288},"element-four",[173,420,292],{"class":255},[173,422,424,426,428,430,432,434,437,439,441,444,446],{"class":247,"line":423},16,[173,425,298],{"class":251},[173,427,270],{"class":269},[173,429,205],{"class":255},[173,431,60],{"class":305},[173,433,308],{"class":255},[173,435,436],{"class":355},"16px",[173,438,195],{"class":269},[173,440,263],{"class":255},[173,442,443],{"class":259},"Agora Slab Pro",[173,445,263],{"class":255},[173,447,318],{"class":255},[173,449,451],{"class":247,"line":450},17,[173,452,324],{"class":255},[236,454,459],{"className":455,"code":456,"filename":457,"language":458,"meta":242,"style":242},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".element-one {\n  font-style: italic;\n  font-weight: 700;\n  font-size: 16px;\n  line-height: 1.5;\n}\n\n.element-two {\n  font-size: 32px;\n}\n\n.element-three {\n  line-height: 1.2;\n}\n\n.element-four {\n  font-size: 16px;\n  font-family: 'Agora Slab Pro';\n}\n","Output","css",[181,460,461,469,483,495,507,519,523,527,535,546,550,554,562,573,577,581,589,599,615],{"__ignoreMap":242},[173,462,463,465,467],{"class":247,"line":248},[173,464,205],{"class":255},[173,466,289],{"class":288},[173,468,292],{"class":255},[173,470,471,475,478,481],{"class":247,"line":276},[173,472,474],{"class":473},"sqsOY","  font-style",[173,476,477],{"class":255},":",[173,479,480],{"class":269}," italic",[173,482,273],{"class":255},[173,484,485,488,490,493],{"class":247,"line":283},[173,486,487],{"class":473},"  font-weight",[173,489,477],{"class":255},[173,491,492],{"class":355}," 700",[173,494,273],{"class":255},[173,496,497,500,502,505],{"class":247,"line":295},[173,498,499],{"class":473},"  font-size",[173,501,477],{"class":255},[173,503,504],{"class":355}," 16px",[173,506,273],{"class":255},[173,508,509,512,514,517],{"class":247,"line":321},[173,510,511],{"class":473},"  line-height",[173,513,477],{"class":255},[173,515,516],{"class":355}," 1.5",[173,518,273],{"class":255},[173,520,521],{"class":247,"line":327},[173,522,324],{"class":255},[173,524,525],{"class":247,"line":332},[173,526,280],{"emptyLinePlaceholder":279},[173,528,529,531,533],{"class":247,"line":342},[173,530,205],{"class":255},[173,532,337],{"class":288},[173,534,292],{"class":255},[173,536,537,539,541,544],{"class":247,"line":361},[173,538,499],{"class":473},[173,540,477],{"class":255},[173,542,543],{"class":355}," 32px",[173,545,273],{"class":255},[173,547,548],{"class":247,"line":366},[173,549,324],{"class":255},[173,551,552],{"class":247,"line":371},[173,553,280],{"emptyLinePlaceholder":279},[173,555,556,558,560],{"class":247,"line":381},[173,557,205],{"class":255},[173,559,376],{"class":288},[173,561,292],{"class":255},[173,563,564,566,568,571],{"class":247,"line":403},[173,565,511],{"class":473},[173,567,477],{"class":255},[173,569,570],{"class":355}," 1.2",[173,572,273],{"class":255},[173,574,575],{"class":247,"line":408},[173,576,324],{"class":255},[173,578,579],{"class":247,"line":413},[173,580,280],{"emptyLinePlaceholder":279},[173,582,583,585,587],{"class":247,"line":423},[173,584,205],{"class":255},[173,586,418],{"class":288},[173,588,292],{"class":255},[173,590,591,593,595,597],{"class":247,"line":450},[173,592,499],{"class":473},[173,594,477],{"class":255},[173,596,504],{"class":355},[173,598,273],{"class":255},[173,600,602,605,607,609,611,613],{"class":247,"line":601},18,[173,603,604],{"class":473},"  font-family",[173,606,477],{"class":255},[173,608,256],{"class":255},[173,610,443],{"class":259},[173,612,263],{"class":255},[173,614,273],{"class":255},[173,616,618],{"class":247,"line":617},19,[173,619,324],{"class":255},[621,622,623],"style",{},"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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .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);}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}",{"title":242,"searchDepth":276,"depth":276,"links":625},[626,627],{"id":139,"depth":276,"text":140},{"id":230,"depth":276,"text":231},"Shorthand for writing font- rules in syntax like vanilla CSS font property, but without specifying the required font-family property.","md",null,{},{"title":60,"description":628},"D3bwZ4CN0ProfoUF8aHZUYdSg6LvxFnM3-Ng60i5LB0",[635,637],{"title":56,"path":57,"stem":58,"description":636,"children":-1},"Truncates text of the current element and adds an ellipsis to represent overflow.",{"title":64,"path":65,"stem":66,"description":638,"children":-1},"Sets the element size to 100% of its parent size and makes it positioned absolutely.",1783604652333]