[{"data":1,"prerenderedAt":4052},["Reactive",2],{"content-query-Ldh9QZvguM":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":4047,"_id":4048,"_source":4049,"_file":4050,"_extension":4051},"/docs/utilities/css/text","css",false,"","CSS Utility Classes - Text - Inkline","Use common text utilities to control alignment, wrapping, weight, and more.",{"type":11,"children":12,"toc":4030},"root",[13,20,27,34,40,103,266,458,464,469,508,513,520,531,644,650,660,785,791,815,1022,1028,1054,1064,1173,1179,1184,1229,1420,1426,1431,1546,1885,2028,2034,2039,2056,2151,2157,2162,2235,2521,2527,2539,2555,2650,2656,2661,2704,2941,2947,2952,3011,3229,3235,3240,3251,3410,3416,3428,3439,3445,3450,3481,4026],{"type":14,"tag":15,"props":16,"children":19},"element","content-heading",{"subtitle":17,"title":18},"CSS Utility Classes","Text",[],{"type":14,"tag":21,"props":22,"children":24},"h2",{"id":23},"use-common-text-utilities-to-control-alignment-wrapping-weight-and-more",[25],{"type":26,"value":9},"text",{"type":14,"tag":28,"props":29,"children":31},"h3",{"id":30},"text-alignment",[32],{"type":26,"value":33},"Text Alignment",{"type":14,"tag":35,"props":36,"children":37},"p",{},[38],{"type":26,"value":39},"Use text alignment utilities to easily align text in components.",{"type":14,"tag":41,"props":42,"children":43},"ul",{},[44,61,75,89],{"type":14,"tag":45,"props":46,"children":47},"li",{},[48,54,56],{"type":14,"tag":49,"props":50,"children":51},"code-inline",{},[52],{"type":26,"value":53},"_text-align:justify",{"type":26,"value":55}," or ",{"type":14,"tag":49,"props":57,"children":58},{},[59],{"type":26,"value":60},"_text:justify",{"type":14,"tag":45,"props":62,"children":63},{},[64,69,70],{"type":14,"tag":49,"props":65,"children":66},{},[67],{"type":26,"value":68},"_text-align:left",{"type":26,"value":55},{"type":14,"tag":49,"props":71,"children":72},{},[73],{"type":26,"value":74},"_text:left",{"type":14,"tag":45,"props":76,"children":77},{},[78,83,84],{"type":14,"tag":49,"props":79,"children":80},{},[81],{"type":26,"value":82},"_text-align:center",{"type":26,"value":55},{"type":14,"tag":49,"props":85,"children":86},{},[87],{"type":26,"value":88},"_text:center",{"type":14,"tag":45,"props":90,"children":91},{},[92,97,98],{"type":14,"tag":49,"props":93,"children":94},{},[95],{"type":26,"value":96},"_text-align:right",{"type":26,"value":55},{"type":14,"tag":49,"props":99,"children":100},{},[101],{"type":26,"value":102},"_text:right",{"type":14,"tag":104,"props":105,"children":106},"content-tabs",{},[107,116],{"type":14,"tag":108,"props":109,"children":110},"template",{"v-slot:preview":7},[111],{"type":14,"tag":112,"props":113,"children":115},"content-preview",{"src":114},"/stories/utilities/text/text-align-justify",[],{"type":14,"tag":108,"props":117,"children":118},{"v-slot:vue":7},[119],{"type":14,"tag":120,"props":121,"children":126},"code",{"className":122,"code":124,"language":125,"meta":7},[123],"language-vue","\u003Ctemplate>\n \u003Cp class=\"_text-align:justify!\">\n Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum.\n Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex\n communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius\n Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.\n \u003C/p>\n\u003C/template>\n\n","vue",[127],{"type":14,"tag":128,"props":129,"children":130},"pre",{},[131],{"type":14,"tag":120,"props":132,"children":133},{"__ignoreMap":7},[134,156,195,204,213,222,231,248],{"type":14,"tag":135,"props":136,"children":139},"span",{"class":137,"line":138},"line",1,[140,146,151],{"type":14,"tag":135,"props":141,"children":143},{"class":142},"ct-553616",[144],{"type":26,"value":145},"\u003C",{"type":14,"tag":135,"props":147,"children":149},{"class":148},"ct-914029",[150],{"type":26,"value":108},{"type":14,"tag":135,"props":152,"children":153},{"class":142},[154],{"type":26,"value":155},">\n",{"type":14,"tag":135,"props":157,"children":159},{"class":137,"line":158},2,[160,165,169,174,180,185,191],{"type":14,"tag":135,"props":161,"children":162},{"class":142},[163],{"type":26,"value":164}," \u003C",{"type":14,"tag":135,"props":166,"children":167},{"class":148},[168],{"type":26,"value":35},{"type":14,"tag":135,"props":170,"children":171},{"class":142},[172],{"type":26,"value":173}," ",{"type":14,"tag":135,"props":175,"children":177},{"class":176},"ct-762058",[178],{"type":26,"value":179},"class",{"type":14,"tag":135,"props":181,"children":182},{"class":142},[183],{"type":26,"value":184},"=",{"type":14,"tag":135,"props":186,"children":188},{"class":187},"ct-952708",[189],{"type":26,"value":190},"\"_text-align:justify!\"",{"type":14,"tag":135,"props":192,"children":193},{"class":142},[194],{"type":26,"value":155},{"type":14,"tag":135,"props":196,"children":198},{"class":137,"line":197},3,[199],{"type":14,"tag":135,"props":200,"children":201},{"class":142},[202],{"type":26,"value":203}," Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum.\n",{"type":14,"tag":135,"props":205,"children":207},{"class":137,"line":206},4,[208],{"type":14,"tag":135,"props":209,"children":210},{"class":142},[211],{"type":26,"value":212}," Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex\n",{"type":14,"tag":135,"props":214,"children":216},{"class":137,"line":215},5,[217],{"type":14,"tag":135,"props":218,"children":219},{"class":142},[220],{"type":26,"value":221}," communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius\n",{"type":14,"tag":135,"props":223,"children":225},{"class":137,"line":224},6,[226],{"type":14,"tag":135,"props":227,"children":228},{"class":142},[229],{"type":26,"value":230}," Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.\n",{"type":14,"tag":135,"props":232,"children":234},{"class":137,"line":233},7,[235,240,244],{"type":14,"tag":135,"props":236,"children":237},{"class":142},[238],{"type":26,"value":239}," \u003C/",{"type":14,"tag":135,"props":241,"children":242},{"class":148},[243],{"type":26,"value":35},{"type":14,"tag":135,"props":245,"children":246},{"class":142},[247],{"type":26,"value":155},{"type":14,"tag":135,"props":249,"children":251},{"class":137,"line":250},8,[252,257,261],{"type":14,"tag":135,"props":253,"children":254},{"class":142},[255],{"type":26,"value":256},"\u003C/",{"type":14,"tag":135,"props":258,"children":259},{"class":148},[260],{"type":26,"value":108},{"type":14,"tag":135,"props":262,"children":263},{"class":142},[264],{"type":26,"value":265},">",{"type":14,"tag":104,"props":267,"children":268},{},[269,276],{"type":14,"tag":108,"props":270,"children":271},{"v-slot:preview":7},[272],{"type":14,"tag":112,"props":273,"children":275},{"src":274},"/stories/utilities/text/text-align",[],{"type":14,"tag":108,"props":277,"children":278},{"v-slot:vue":7},[279],{"type":14,"tag":120,"props":280,"children":283},{"className":281,"code":282,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_text-align:left!\">This text is left aligned.\u003C/p>\n\n \u003Cp class=\"_text-align:center!\">This text is center aligned.\u003C/p>\n\n \u003Cp class=\"_text-align:right!\">This text is right aligned.\u003C/p>\n\u003C/template>\n\n",[284],{"type":14,"tag":128,"props":285,"children":286},{},[287],{"type":14,"tag":120,"props":288,"children":289},{"__ignoreMap":7},[290,305,346,354,395,402,443],{"type":14,"tag":135,"props":291,"children":292},{"class":137,"line":138},[293,297,301],{"type":14,"tag":135,"props":294,"children":295},{"class":142},[296],{"type":26,"value":145},{"type":14,"tag":135,"props":298,"children":299},{"class":148},[300],{"type":26,"value":108},{"type":14,"tag":135,"props":302,"children":303},{"class":142},[304],{"type":26,"value":155},{"type":14,"tag":135,"props":306,"children":307},{"class":137,"line":158},[308,312,316,320,324,328,333,338,342],{"type":14,"tag":135,"props":309,"children":310},{"class":142},[311],{"type":26,"value":164},{"type":14,"tag":135,"props":313,"children":314},{"class":148},[315],{"type":26,"value":35},{"type":14,"tag":135,"props":317,"children":318},{"class":142},[319],{"type":26,"value":173},{"type":14,"tag":135,"props":321,"children":322},{"class":176},[323],{"type":26,"value":179},{"type":14,"tag":135,"props":325,"children":326},{"class":142},[327],{"type":26,"value":184},{"type":14,"tag":135,"props":329,"children":330},{"class":187},[331],{"type":26,"value":332},"\"_text-align:left!\"",{"type":14,"tag":135,"props":334,"children":335},{"class":142},[336],{"type":26,"value":337},">This text is left aligned.\u003C/",{"type":14,"tag":135,"props":339,"children":340},{"class":148},[341],{"type":26,"value":35},{"type":14,"tag":135,"props":343,"children":344},{"class":142},[345],{"type":26,"value":155},{"type":14,"tag":135,"props":347,"children":348},{"class":137,"line":197},[349],{"type":14,"tag":135,"props":350,"children":351},{},[352],{"type":26,"value":353},"\n",{"type":14,"tag":135,"props":355,"children":356},{"class":137,"line":206},[357,361,365,369,373,377,382,387,391],{"type":14,"tag":135,"props":358,"children":359},{"class":142},[360],{"type":26,"value":164},{"type":14,"tag":135,"props":362,"children":363},{"class":148},[364],{"type":26,"value":35},{"type":14,"tag":135,"props":366,"children":367},{"class":142},[368],{"type":26,"value":173},{"type":14,"tag":135,"props":370,"children":371},{"class":176},[372],{"type":26,"value":179},{"type":14,"tag":135,"props":374,"children":375},{"class":142},[376],{"type":26,"value":184},{"type":14,"tag":135,"props":378,"children":379},{"class":187},[380],{"type":26,"value":381},"\"_text-align:center!\"",{"type":14,"tag":135,"props":383,"children":384},{"class":142},[385],{"type":26,"value":386},">This text is center aligned.\u003C/",{"type":14,"tag":135,"props":388,"children":389},{"class":148},[390],{"type":26,"value":35},{"type":14,"tag":135,"props":392,"children":393},{"class":142},[394],{"type":26,"value":155},{"type":14,"tag":135,"props":396,"children":397},{"class":137,"line":215},[398],{"type":14,"tag":135,"props":399,"children":400},{},[401],{"type":26,"value":353},{"type":14,"tag":135,"props":403,"children":404},{"class":137,"line":224},[405,409,413,417,421,425,430,435,439],{"type":14,"tag":135,"props":406,"children":407},{"class":142},[408],{"type":26,"value":164},{"type":14,"tag":135,"props":410,"children":411},{"class":148},[412],{"type":26,"value":35},{"type":14,"tag":135,"props":414,"children":415},{"class":142},[416],{"type":26,"value":173},{"type":14,"tag":135,"props":418,"children":419},{"class":176},[420],{"type":26,"value":179},{"type":14,"tag":135,"props":422,"children":423},{"class":142},[424],{"type":26,"value":184},{"type":14,"tag":135,"props":426,"children":427},{"class":187},[428],{"type":26,"value":429},"\"_text-align:right!\"",{"type":14,"tag":135,"props":431,"children":432},{"class":142},[433],{"type":26,"value":434},">This text is right aligned.\u003C/",{"type":14,"tag":135,"props":436,"children":437},{"class":148},[438],{"type":26,"value":35},{"type":14,"tag":135,"props":440,"children":441},{"class":142},[442],{"type":26,"value":155},{"type":14,"tag":135,"props":444,"children":445},{"class":137,"line":233},[446,450,454],{"type":14,"tag":135,"props":447,"children":448},{"class":142},[449],{"type":26,"value":256},{"type":14,"tag":135,"props":451,"children":452},{"class":148},[453],{"type":26,"value":108},{"type":14,"tag":135,"props":455,"children":456},{"class":142},[457],{"type":26,"value":265},{"type":14,"tag":28,"props":459,"children":461},{"id":460},"text-wrapping-and-overflow",[462],{"type":26,"value":463},"Text Wrapping and Overflow",{"type":14,"tag":35,"props":465,"children":466},{},[467],{"type":26,"value":468},"You can control text wrapping and overflow with the following utilities:",{"type":14,"tag":41,"props":470,"children":471},{},[472,486,500],{"type":14,"tag":45,"props":473,"children":474},{},[475,480,481],{"type":14,"tag":49,"props":476,"children":477},{},[478],{"type":26,"value":479},"_white-space:normal",{"type":26,"value":55},{"type":14,"tag":49,"props":482,"children":483},{},[484],{"type":26,"value":485},"_text:wrap",{"type":14,"tag":45,"props":487,"children":488},{},[489,494,495],{"type":14,"tag":49,"props":490,"children":491},{},[492],{"type":26,"value":493},"_white-space:nowrap",{"type":26,"value":55},{"type":14,"tag":49,"props":496,"children":497},{},[498],{"type":26,"value":499},"_text:nowrap",{"type":14,"tag":45,"props":501,"children":502},{},[503],{"type":14,"tag":49,"props":504,"children":505},{},[506],{"type":26,"value":507},"_text:truncate",{"type":14,"tag":35,"props":509,"children":510},{},[511],{"type":26,"value":512},"Text wrapping utilities also come with breakpoint-specific classes, same as text alignment classes.",{"type":14,"tag":514,"props":515,"children":517},"h5",{"id":516},"text-wrap",[518],{"type":26,"value":519},"Text Wrap",{"type":14,"tag":35,"props":521,"children":522},{},[523,525,529],{"type":26,"value":524},"You can wrap text using the ",{"type":14,"tag":49,"props":526,"children":527},{},[528],{"type":26,"value":479},{"type":26,"value":530}," utility class.",{"type":14,"tag":104,"props":532,"children":533},{},[534,541],{"type":14,"tag":108,"props":535,"children":536},{"v-slot:preview":7},[537],{"type":14,"tag":112,"props":538,"children":540},{"src":539},"/stories/utilities/text/text-wrap",[],{"type":14,"tag":108,"props":542,"children":543},{"v-slot:vue":7},[544],{"type":14,"tag":120,"props":545,"children":548},{"className":546,"code":547,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_white-space:normal!\" style=\"width: 100px\">This text should wrap.\u003C/p>\n\u003C/template>\n\n",[549],{"type":14,"tag":128,"props":550,"children":551},{},[552],{"type":14,"tag":120,"props":553,"children":554},{"__ignoreMap":7},[555,570,629],{"type":14,"tag":135,"props":556,"children":557},{"class":137,"line":138},[558,562,566],{"type":14,"tag":135,"props":559,"children":560},{"class":142},[561],{"type":26,"value":145},{"type":14,"tag":135,"props":563,"children":564},{"class":148},[565],{"type":26,"value":108},{"type":14,"tag":135,"props":567,"children":568},{"class":142},[569],{"type":26,"value":155},{"type":14,"tag":135,"props":571,"children":572},{"class":137,"line":158},[573,577,581,585,589,593,598,602,607,611,616,621,625],{"type":14,"tag":135,"props":574,"children":575},{"class":142},[576],{"type":26,"value":164},{"type":14,"tag":135,"props":578,"children":579},{"class":148},[580],{"type":26,"value":35},{"type":14,"tag":135,"props":582,"children":583},{"class":142},[584],{"type":26,"value":173},{"type":14,"tag":135,"props":586,"children":587},{"class":176},[588],{"type":26,"value":179},{"type":14,"tag":135,"props":590,"children":591},{"class":142},[592],{"type":26,"value":184},{"type":14,"tag":135,"props":594,"children":595},{"class":187},[596],{"type":26,"value":597},"\"_white-space:normal!\"",{"type":14,"tag":135,"props":599,"children":600},{"class":142},[601],{"type":26,"value":173},{"type":14,"tag":135,"props":603,"children":604},{"class":176},[605],{"type":26,"value":606},"style",{"type":14,"tag":135,"props":608,"children":609},{"class":142},[610],{"type":26,"value":184},{"type":14,"tag":135,"props":612,"children":613},{"class":187},[614],{"type":26,"value":615},"\"width: 100px\"",{"type":14,"tag":135,"props":617,"children":618},{"class":142},[619],{"type":26,"value":620},">This text should wrap.\u003C/",{"type":14,"tag":135,"props":622,"children":623},{"class":148},[624],{"type":26,"value":35},{"type":14,"tag":135,"props":626,"children":627},{"class":142},[628],{"type":26,"value":155},{"type":14,"tag":135,"props":630,"children":631},{"class":137,"line":197},[632,636,640],{"type":14,"tag":135,"props":633,"children":634},{"class":142},[635],{"type":26,"value":256},{"type":14,"tag":135,"props":637,"children":638},{"class":148},[639],{"type":26,"value":108},{"type":14,"tag":135,"props":641,"children":642},{"class":142},[643],{"type":26,"value":265},{"type":14,"tag":514,"props":645,"children":647},{"id":646},"text-nowrap",[648],{"type":26,"value":649},"Text Nowrap",{"type":14,"tag":35,"props":651,"children":652},{},[653,655,659],{"type":26,"value":654},"You can prevent text from wrapping with a ",{"type":14,"tag":49,"props":656,"children":657},{},[658],{"type":26,"value":493},{"type":26,"value":530},{"type":14,"tag":104,"props":661,"children":662},{},[663,670],{"type":14,"tag":108,"props":664,"children":665},{"v-slot:preview":7},[666],{"type":14,"tag":112,"props":667,"children":669},{"src":668},"/stories/utilities/text/text-nowrap",[],{"type":14,"tag":108,"props":671,"children":672},{"v-slot:vue":7},[673],{"type":14,"tag":120,"props":674,"children":677},{"className":675,"code":676,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_white-space:nowrap! _background:light!\" style=\"width: 100px\">\n This text should overflow the parent.\n \u003C/p>\n\u003C/template>\n\n",[678],{"type":14,"tag":128,"props":679,"children":680},{},[681],{"type":14,"tag":120,"props":682,"children":683},{"__ignoreMap":7},[684,699,747,755,770],{"type":14,"tag":135,"props":685,"children":686},{"class":137,"line":138},[687,691,695],{"type":14,"tag":135,"props":688,"children":689},{"class":142},[690],{"type":26,"value":145},{"type":14,"tag":135,"props":692,"children":693},{"class":148},[694],{"type":26,"value":108},{"type":14,"tag":135,"props":696,"children":697},{"class":142},[698],{"type":26,"value":155},{"type":14,"tag":135,"props":700,"children":701},{"class":137,"line":158},[702,706,710,714,718,722,727,731,735,739,743],{"type":14,"tag":135,"props":703,"children":704},{"class":142},[705],{"type":26,"value":164},{"type":14,"tag":135,"props":707,"children":708},{"class":148},[709],{"type":26,"value":35},{"type":14,"tag":135,"props":711,"children":712},{"class":142},[713],{"type":26,"value":173},{"type":14,"tag":135,"props":715,"children":716},{"class":176},[717],{"type":26,"value":179},{"type":14,"tag":135,"props":719,"children":720},{"class":142},[721],{"type":26,"value":184},{"type":14,"tag":135,"props":723,"children":724},{"class":187},[725],{"type":26,"value":726},"\"_white-space:nowrap! _background:light!\"",{"type":14,"tag":135,"props":728,"children":729},{"class":142},[730],{"type":26,"value":173},{"type":14,"tag":135,"props":732,"children":733},{"class":176},[734],{"type":26,"value":606},{"type":14,"tag":135,"props":736,"children":737},{"class":142},[738],{"type":26,"value":184},{"type":14,"tag":135,"props":740,"children":741},{"class":187},[742],{"type":26,"value":615},{"type":14,"tag":135,"props":744,"children":745},{"class":142},[746],{"type":26,"value":155},{"type":14,"tag":135,"props":748,"children":749},{"class":137,"line":197},[750],{"type":14,"tag":135,"props":751,"children":752},{"class":142},[753],{"type":26,"value":754}," This text should overflow the parent.\n",{"type":14,"tag":135,"props":756,"children":757},{"class":137,"line":206},[758,762,766],{"type":14,"tag":135,"props":759,"children":760},{"class":142},[761],{"type":26,"value":239},{"type":14,"tag":135,"props":763,"children":764},{"class":148},[765],{"type":26,"value":35},{"type":14,"tag":135,"props":767,"children":768},{"class":142},[769],{"type":26,"value":155},{"type":14,"tag":135,"props":771,"children":772},{"class":137,"line":215},[773,777,781],{"type":14,"tag":135,"props":774,"children":775},{"class":142},[776],{"type":26,"value":256},{"type":14,"tag":135,"props":778,"children":779},{"class":148},[780],{"type":26,"value":108},{"type":14,"tag":135,"props":782,"children":783},{"class":142},[784],{"type":26,"value":265},{"type":14,"tag":514,"props":786,"children":788},{"id":787},"text-truncate",[789],{"type":26,"value":790},"Text Truncate",{"type":14,"tag":35,"props":792,"children":793},{},[794,796,800,802,807,808,813],{"type":26,"value":795},"For longer content, adding the ",{"type":14,"tag":49,"props":797,"children":798},{},[799],{"type":26,"value":507},{"type":26,"value":801}," utility class will truncate the text with an ellipsis. Truncation requires ",{"type":14,"tag":49,"props":803,"children":804},{},[805],{"type":26,"value":806},"display: inline-block",{"type":26,"value":55},{"type":14,"tag":49,"props":809,"children":810},{},[811],{"type":26,"value":812},"display: block",{"type":26,"value":814},".",{"type":14,"tag":104,"props":816,"children":817},{},[818,825],{"type":14,"tag":108,"props":819,"children":820},{"v-slot:preview":7},[821],{"type":14,"tag":112,"props":822,"children":824},{"src":823},"/stories/utilities/text/text-truncate",[],{"type":14,"tag":108,"props":826,"children":827},{"v-slot:vue":7},[828],{"type":14,"tag":120,"props":829,"children":832},{"className":830,"code":831,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cdiv class=\"_display:block! _text:truncate!\" style=\"max-width: 180px\">\n This block text is truncated.\n \u003C/div>\n\n \u003Cspan class=\"_display:inline-block! _text:truncate!\" style=\"max-width: 150px\">\n This inline text is truncated.\n \u003C/span>\n\u003C/template>\n\n",[833],{"type":14,"tag":128,"props":834,"children":835},{},[836],{"type":14,"tag":120,"props":837,"children":838},{"__ignoreMap":7},[839,854,904,912,927,934,983,991,1006],{"type":14,"tag":135,"props":840,"children":841},{"class":137,"line":138},[842,846,850],{"type":14,"tag":135,"props":843,"children":844},{"class":142},[845],{"type":26,"value":145},{"type":14,"tag":135,"props":847,"children":848},{"class":148},[849],{"type":26,"value":108},{"type":14,"tag":135,"props":851,"children":852},{"class":142},[853],{"type":26,"value":155},{"type":14,"tag":135,"props":855,"children":856},{"class":137,"line":158},[857,861,866,870,874,878,883,887,891,895,900],{"type":14,"tag":135,"props":858,"children":859},{"class":142},[860],{"type":26,"value":164},{"type":14,"tag":135,"props":862,"children":863},{"class":148},[864],{"type":26,"value":865},"div",{"type":14,"tag":135,"props":867,"children":868},{"class":142},[869],{"type":26,"value":173},{"type":14,"tag":135,"props":871,"children":872},{"class":176},[873],{"type":26,"value":179},{"type":14,"tag":135,"props":875,"children":876},{"class":142},[877],{"type":26,"value":184},{"type":14,"tag":135,"props":879,"children":880},{"class":187},[881],{"type":26,"value":882},"\"_display:block! _text:truncate!\"",{"type":14,"tag":135,"props":884,"children":885},{"class":142},[886],{"type":26,"value":173},{"type":14,"tag":135,"props":888,"children":889},{"class":176},[890],{"type":26,"value":606},{"type":14,"tag":135,"props":892,"children":893},{"class":142},[894],{"type":26,"value":184},{"type":14,"tag":135,"props":896,"children":897},{"class":187},[898],{"type":26,"value":899},"\"max-width: 180px\"",{"type":14,"tag":135,"props":901,"children":902},{"class":142},[903],{"type":26,"value":155},{"type":14,"tag":135,"props":905,"children":906},{"class":137,"line":197},[907],{"type":14,"tag":135,"props":908,"children":909},{"class":142},[910],{"type":26,"value":911}," This block text is truncated.\n",{"type":14,"tag":135,"props":913,"children":914},{"class":137,"line":206},[915,919,923],{"type":14,"tag":135,"props":916,"children":917},{"class":142},[918],{"type":26,"value":239},{"type":14,"tag":135,"props":920,"children":921},{"class":148},[922],{"type":26,"value":865},{"type":14,"tag":135,"props":924,"children":925},{"class":142},[926],{"type":26,"value":155},{"type":14,"tag":135,"props":928,"children":929},{"class":137,"line":215},[930],{"type":14,"tag":135,"props":931,"children":932},{},[933],{"type":26,"value":353},{"type":14,"tag":135,"props":935,"children":936},{"class":137,"line":224},[937,941,945,949,953,957,962,966,970,974,979],{"type":14,"tag":135,"props":938,"children":939},{"class":142},[940],{"type":26,"value":164},{"type":14,"tag":135,"props":942,"children":943},{"class":148},[944],{"type":26,"value":135},{"type":14,"tag":135,"props":946,"children":947},{"class":142},[948],{"type":26,"value":173},{"type":14,"tag":135,"props":950,"children":951},{"class":176},[952],{"type":26,"value":179},{"type":14,"tag":135,"props":954,"children":955},{"class":142},[956],{"type":26,"value":184},{"type":14,"tag":135,"props":958,"children":959},{"class":187},[960],{"type":26,"value":961},"\"_display:inline-block! _text:truncate!\"",{"type":14,"tag":135,"props":963,"children":964},{"class":142},[965],{"type":26,"value":173},{"type":14,"tag":135,"props":967,"children":968},{"class":176},[969],{"type":26,"value":606},{"type":14,"tag":135,"props":971,"children":972},{"class":142},[973],{"type":26,"value":184},{"type":14,"tag":135,"props":975,"children":976},{"class":187},[977],{"type":26,"value":978},"\"max-width: 150px\"",{"type":14,"tag":135,"props":980,"children":981},{"class":142},[982],{"type":26,"value":155},{"type":14,"tag":135,"props":984,"children":985},{"class":137,"line":233},[986],{"type":14,"tag":135,"props":987,"children":988},{"class":142},[989],{"type":26,"value":990}," This inline text is truncated.\n",{"type":14,"tag":135,"props":992,"children":993},{"class":137,"line":250},[994,998,1002],{"type":14,"tag":135,"props":995,"children":996},{"class":142},[997],{"type":26,"value":239},{"type":14,"tag":135,"props":999,"children":1000},{"class":148},[1001],{"type":26,"value":135},{"type":14,"tag":135,"props":1003,"children":1004},{"class":142},[1005],{"type":26,"value":155},{"type":14,"tag":135,"props":1007,"children":1009},{"class":137,"line":1008},9,[1010,1014,1018],{"type":14,"tag":135,"props":1011,"children":1012},{"class":142},[1013],{"type":26,"value":256},{"type":14,"tag":135,"props":1015,"children":1016},{"class":148},[1017],{"type":26,"value":108},{"type":14,"tag":135,"props":1019,"children":1020},{"class":142},[1021],{"type":26,"value":265},{"type":14,"tag":28,"props":1023,"children":1025},{"id":1024},"word-break",[1026],{"type":26,"value":1027},"Word Break",{"type":14,"tag":35,"props":1029,"children":1030},{},[1031,1033,1038,1040,1045,1047,1052],{"type":26,"value":1032},"Prevent long strings of text from breaking your layout by using ",{"type":14,"tag":49,"props":1034,"children":1035},{},[1036],{"type":26,"value":1037},"_text:break-word",{"type":26,"value":1039},". Behind the scenes, it uses ",{"type":14,"tag":49,"props":1041,"children":1042},{},[1043],{"type":26,"value":1044},"overflow-wrap: break-word",{"type":26,"value":1046}," and ",{"type":14,"tag":49,"props":1048,"children":1049},{},[1050],{"type":26,"value":1051},"word-break: break-word",{"type":26,"value":1053}," for IE & Edge compatibility.",{"type":14,"tag":41,"props":1055,"children":1056},{},[1057],{"type":14,"tag":45,"props":1058,"children":1059},{},[1060],{"type":14,"tag":49,"props":1061,"children":1062},{},[1063],{"type":26,"value":1037},{"type":14,"tag":104,"props":1065,"children":1066},{},[1067,1074],{"type":14,"tag":108,"props":1068,"children":1069},{"v-slot:preview":7},[1070],{"type":14,"tag":112,"props":1071,"children":1073},{"src":1072},"/stories/utilities/text/text-break",[],{"type":14,"tag":108,"props":1075,"children":1076},{"v-slot:vue":7},[1077],{"type":14,"tag":120,"props":1078,"children":1081},{"className":1079,"code":1080,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_text:break-word!\">\n Thisisaverylongwordwhichwillbreakourlayoutifwedonotusethetextbreakutilityclass\n \u003C/p>\n\u003C/template>\n\n",[1082],{"type":14,"tag":128,"props":1083,"children":1084},{},[1085],{"type":14,"tag":120,"props":1086,"children":1087},{"__ignoreMap":7},[1088,1103,1135,1143,1158],{"type":14,"tag":135,"props":1089,"children":1090},{"class":137,"line":138},[1091,1095,1099],{"type":14,"tag":135,"props":1092,"children":1093},{"class":142},[1094],{"type":26,"value":145},{"type":14,"tag":135,"props":1096,"children":1097},{"class":148},[1098],{"type":26,"value":108},{"type":14,"tag":135,"props":1100,"children":1101},{"class":142},[1102],{"type":26,"value":155},{"type":14,"tag":135,"props":1104,"children":1105},{"class":137,"line":158},[1106,1110,1114,1118,1122,1126,1131],{"type":14,"tag":135,"props":1107,"children":1108},{"class":142},[1109],{"type":26,"value":164},{"type":14,"tag":135,"props":1111,"children":1112},{"class":148},[1113],{"type":26,"value":35},{"type":14,"tag":135,"props":1115,"children":1116},{"class":142},[1117],{"type":26,"value":173},{"type":14,"tag":135,"props":1119,"children":1120},{"class":176},[1121],{"type":26,"value":179},{"type":14,"tag":135,"props":1123,"children":1124},{"class":142},[1125],{"type":26,"value":184},{"type":14,"tag":135,"props":1127,"children":1128},{"class":187},[1129],{"type":26,"value":1130},"\"_text:break-word!\"",{"type":14,"tag":135,"props":1132,"children":1133},{"class":142},[1134],{"type":26,"value":155},{"type":14,"tag":135,"props":1136,"children":1137},{"class":137,"line":197},[1138],{"type":14,"tag":135,"props":1139,"children":1140},{"class":142},[1141],{"type":26,"value":1142}," Thisisaverylongwordwhichwillbreakourlayoutifwedonotusethetextbreakutilityclass\n",{"type":14,"tag":135,"props":1144,"children":1145},{"class":137,"line":206},[1146,1150,1154],{"type":14,"tag":135,"props":1147,"children":1148},{"class":142},[1149],{"type":26,"value":239},{"type":14,"tag":135,"props":1151,"children":1152},{"class":148},[1153],{"type":26,"value":35},{"type":14,"tag":135,"props":1155,"children":1156},{"class":142},[1157],{"type":26,"value":155},{"type":14,"tag":135,"props":1159,"children":1160},{"class":137,"line":215},[1161,1165,1169],{"type":14,"tag":135,"props":1162,"children":1163},{"class":142},[1164],{"type":26,"value":256},{"type":14,"tag":135,"props":1166,"children":1167},{"class":148},[1168],{"type":26,"value":108},{"type":14,"tag":135,"props":1170,"children":1171},{"class":142},[1172],{"type":26,"value":265},{"type":14,"tag":28,"props":1174,"children":1176},{"id":1175},"text-transform",[1177],{"type":26,"value":1178},"Text Transform",{"type":14,"tag":35,"props":1180,"children":1181},{},[1182],{"type":26,"value":1183},"You can transform text in components using text capitalization utility classes.",{"type":14,"tag":41,"props":1185,"children":1186},{},[1187,1201,1215],{"type":14,"tag":45,"props":1188,"children":1189},{},[1190,1195,1196],{"type":14,"tag":49,"props":1191,"children":1192},{},[1193],{"type":26,"value":1194},"_text-transform:lowercase",{"type":26,"value":55},{"type":14,"tag":49,"props":1197,"children":1198},{},[1199],{"type":26,"value":1200},"_text:lowercase",{"type":14,"tag":45,"props":1202,"children":1203},{},[1204,1209,1210],{"type":14,"tag":49,"props":1205,"children":1206},{},[1207],{"type":26,"value":1208},"_text-transform:uppercase",{"type":26,"value":55},{"type":14,"tag":49,"props":1211,"children":1212},{},[1213],{"type":26,"value":1214},"_text:uppercase",{"type":14,"tag":45,"props":1216,"children":1217},{},[1218,1223,1224],{"type":14,"tag":49,"props":1219,"children":1220},{},[1221],{"type":26,"value":1222},"_text-transform:capitalize",{"type":26,"value":55},{"type":14,"tag":49,"props":1225,"children":1226},{},[1227],{"type":26,"value":1228},"_text:capitalize",{"type":14,"tag":104,"props":1230,"children":1231},{},[1232,1239],{"type":14,"tag":108,"props":1233,"children":1234},{"v-slot:preview":7},[1235],{"type":14,"tag":112,"props":1236,"children":1238},{"src":1237},"/stories/utilities/text/text-transform",[],{"type":14,"tag":108,"props":1240,"children":1241},{"v-slot:vue":7},[1242],{"type":14,"tag":120,"props":1243,"children":1246},{"className":1244,"code":1245,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_text-transform:lowercase!\">This text is lowercase.\u003C/p>\n\n \u003Cp class=\"_text-transform:uppercase!\">This text is uppercase.\u003C/p>\n\n \u003Cp class=\"_text-transform:capitalize!\">This text is capitalized.\u003C/p>\n\u003C/template>\n\n",[1247],{"type":14,"tag":128,"props":1248,"children":1249},{},[1250],{"type":14,"tag":120,"props":1251,"children":1252},{"__ignoreMap":7},[1253,1268,1309,1316,1357,1364,1405],{"type":14,"tag":135,"props":1254,"children":1255},{"class":137,"line":138},[1256,1260,1264],{"type":14,"tag":135,"props":1257,"children":1258},{"class":142},[1259],{"type":26,"value":145},{"type":14,"tag":135,"props":1261,"children":1262},{"class":148},[1263],{"type":26,"value":108},{"type":14,"tag":135,"props":1265,"children":1266},{"class":142},[1267],{"type":26,"value":155},{"type":14,"tag":135,"props":1269,"children":1270},{"class":137,"line":158},[1271,1275,1279,1283,1287,1291,1296,1301,1305],{"type":14,"tag":135,"props":1272,"children":1273},{"class":142},[1274],{"type":26,"value":164},{"type":14,"tag":135,"props":1276,"children":1277},{"class":148},[1278],{"type":26,"value":35},{"type":14,"tag":135,"props":1280,"children":1281},{"class":142},[1282],{"type":26,"value":173},{"type":14,"tag":135,"props":1284,"children":1285},{"class":176},[1286],{"type":26,"value":179},{"type":14,"tag":135,"props":1288,"children":1289},{"class":142},[1290],{"type":26,"value":184},{"type":14,"tag":135,"props":1292,"children":1293},{"class":187},[1294],{"type":26,"value":1295},"\"_text-transform:lowercase!\"",{"type":14,"tag":135,"props":1297,"children":1298},{"class":142},[1299],{"type":26,"value":1300},">This text is lowercase.\u003C/",{"type":14,"tag":135,"props":1302,"children":1303},{"class":148},[1304],{"type":26,"value":35},{"type":14,"tag":135,"props":1306,"children":1307},{"class":142},[1308],{"type":26,"value":155},{"type":14,"tag":135,"props":1310,"children":1311},{"class":137,"line":197},[1312],{"type":14,"tag":135,"props":1313,"children":1314},{},[1315],{"type":26,"value":353},{"type":14,"tag":135,"props":1317,"children":1318},{"class":137,"line":206},[1319,1323,1327,1331,1335,1339,1344,1349,1353],{"type":14,"tag":135,"props":1320,"children":1321},{"class":142},[1322],{"type":26,"value":164},{"type":14,"tag":135,"props":1324,"children":1325},{"class":148},[1326],{"type":26,"value":35},{"type":14,"tag":135,"props":1328,"children":1329},{"class":142},[1330],{"type":26,"value":173},{"type":14,"tag":135,"props":1332,"children":1333},{"class":176},[1334],{"type":26,"value":179},{"type":14,"tag":135,"props":1336,"children":1337},{"class":142},[1338],{"type":26,"value":184},{"type":14,"tag":135,"props":1340,"children":1341},{"class":187},[1342],{"type":26,"value":1343},"\"_text-transform:uppercase!\"",{"type":14,"tag":135,"props":1345,"children":1346},{"class":142},[1347],{"type":26,"value":1348},">This text is uppercase.\u003C/",{"type":14,"tag":135,"props":1350,"children":1351},{"class":148},[1352],{"type":26,"value":35},{"type":14,"tag":135,"props":1354,"children":1355},{"class":142},[1356],{"type":26,"value":155},{"type":14,"tag":135,"props":1358,"children":1359},{"class":137,"line":215},[1360],{"type":14,"tag":135,"props":1361,"children":1362},{},[1363],{"type":26,"value":353},{"type":14,"tag":135,"props":1365,"children":1366},{"class":137,"line":224},[1367,1371,1375,1379,1383,1387,1392,1397,1401],{"type":14,"tag":135,"props":1368,"children":1369},{"class":142},[1370],{"type":26,"value":164},{"type":14,"tag":135,"props":1372,"children":1373},{"class":148},[1374],{"type":26,"value":35},{"type":14,"tag":135,"props":1376,"children":1377},{"class":142},[1378],{"type":26,"value":173},{"type":14,"tag":135,"props":1380,"children":1381},{"class":176},[1382],{"type":26,"value":179},{"type":14,"tag":135,"props":1384,"children":1385},{"class":142},[1386],{"type":26,"value":184},{"type":14,"tag":135,"props":1388,"children":1389},{"class":187},[1390],{"type":26,"value":1391},"\"_text-transform:capitalize!\"",{"type":14,"tag":135,"props":1393,"children":1394},{"class":142},[1395],{"type":26,"value":1396},">This text is capitalized.\u003C/",{"type":14,"tag":135,"props":1398,"children":1399},{"class":148},[1400],{"type":26,"value":35},{"type":14,"tag":135,"props":1402,"children":1403},{"class":142},[1404],{"type":26,"value":155},{"type":14,"tag":135,"props":1406,"children":1407},{"class":137,"line":233},[1408,1412,1416],{"type":14,"tag":135,"props":1409,"children":1410},{"class":142},[1411],{"type":26,"value":256},{"type":14,"tag":135,"props":1413,"children":1414},{"class":148},[1415],{"type":26,"value":108},{"type":14,"tag":135,"props":1417,"children":1418},{"class":142},[1419],{"type":26,"value":265},{"type":14,"tag":28,"props":1421,"children":1423},{"id":1422},"font-weight",[1424],{"type":26,"value":1425},"Font Weight",{"type":14,"tag":35,"props":1427,"children":1428},{},[1429],{"type":26,"value":1430},"Font Weight utility classes enable you to emphasize or de-emphasize text by controlling its boldness. These utilities contribute to establishing a clear text hierarchy, improving the overall readability of your content.",{"type":14,"tag":41,"props":1432,"children":1433},{},[1434,1448,1462,1476,1490,1504,1518,1532],{"type":14,"tag":45,"props":1435,"children":1436},{},[1437,1442,1443],{"type":14,"tag":49,"props":1438,"children":1439},{},[1440],{"type":26,"value":1441},"_font-weight:extralight",{"type":26,"value":55},{"type":14,"tag":49,"props":1444,"children":1445},{},[1446],{"type":26,"value":1447},"_text:extralight",{"type":14,"tag":45,"props":1449,"children":1450},{},[1451,1456,1457],{"type":14,"tag":49,"props":1452,"children":1453},{},[1454],{"type":26,"value":1455},"_font-weight:light",{"type":26,"value":55},{"type":14,"tag":49,"props":1458,"children":1459},{},[1460],{"type":26,"value":1461},"_text:light",{"type":14,"tag":45,"props":1463,"children":1464},{},[1465,1470,1471],{"type":14,"tag":49,"props":1466,"children":1467},{},[1468],{"type":26,"value":1469},"_font-weight:normal",{"type":26,"value":55},{"type":14,"tag":49,"props":1472,"children":1473},{},[1474],{"type":26,"value":1475},"_text:normal",{"type":14,"tag":45,"props":1477,"children":1478},{},[1479,1484,1485],{"type":14,"tag":49,"props":1480,"children":1481},{},[1482],{"type":26,"value":1483},"_font-weight:semibold",{"type":26,"value":55},{"type":14,"tag":49,"props":1486,"children":1487},{},[1488],{"type":26,"value":1489},"_text:semibold",{"type":14,"tag":45,"props":1491,"children":1492},{},[1493,1498,1499],{"type":14,"tag":49,"props":1494,"children":1495},{},[1496],{"type":26,"value":1497},"_font-weight:bold",{"type":26,"value":55},{"type":14,"tag":49,"props":1500,"children":1501},{},[1502],{"type":26,"value":1503},"_text:bold",{"type":14,"tag":45,"props":1505,"children":1506},{},[1507,1512,1513],{"type":14,"tag":49,"props":1508,"children":1509},{},[1510],{"type":26,"value":1511},"_font-weight:black",{"type":26,"value":55},{"type":14,"tag":49,"props":1514,"children":1515},{},[1516],{"type":26,"value":1517},"_text:black",{"type":14,"tag":45,"props":1519,"children":1520},{},[1521,1526,1527],{"type":14,"tag":49,"props":1522,"children":1523},{},[1524],{"type":26,"value":1525},"_font-weight:lighter",{"type":26,"value":55},{"type":14,"tag":49,"props":1528,"children":1529},{},[1530],{"type":26,"value":1531},"_text:lighter",{"type":14,"tag":45,"props":1533,"children":1534},{},[1535,1540,1541],{"type":14,"tag":49,"props":1536,"children":1537},{},[1538],{"type":26,"value":1539},"_font-weight:bolder",{"type":26,"value":55},{"type":14,"tag":49,"props":1542,"children":1543},{},[1544],{"type":26,"value":1545},"_text:bolder",{"type":14,"tag":104,"props":1547,"children":1548},{},[1549,1556],{"type":14,"tag":108,"props":1550,"children":1551},{"v-slot:preview":7},[1552],{"type":14,"tag":112,"props":1553,"children":1555},{"src":1554},"/stories/utilities/text/font-weight",[],{"type":14,"tag":108,"props":1557,"children":1558},{"v-slot:vue":7},[1559],{"type":14,"tag":120,"props":1560,"children":1563},{"className":1561,"code":1562,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_font-weight:extralight!\">Extralight text.\u003C/p>\n\n \u003Cp class=\"_font-weight:light!\">Light text.\u003C/p>\n\n \u003Cp class=\"_font-weight:normal!\">Normal text.\u003C/p>\n\n \u003Cp class=\"_font-weight:semibold!\">Semibold text.\u003C/p>\n\n \u003Cp class=\"_font-weight:bold!\">Bold text.\u003C/p>\n\n \u003Cp class=\"_font-weight:black!\">Black text.\u003C/p>\n\u003C/template>\n\n",[1564],{"type":14,"tag":128,"props":1565,"children":1566},{},[1567],{"type":14,"tag":120,"props":1568,"children":1569},{"__ignoreMap":7},[1570,1585,1626,1633,1674,1681,1722,1729,1770,1777,1819,1827,1869],{"type":14,"tag":135,"props":1571,"children":1572},{"class":137,"line":138},[1573,1577,1581],{"type":14,"tag":135,"props":1574,"children":1575},{"class":142},[1576],{"type":26,"value":145},{"type":14,"tag":135,"props":1578,"children":1579},{"class":148},[1580],{"type":26,"value":108},{"type":14,"tag":135,"props":1582,"children":1583},{"class":142},[1584],{"type":26,"value":155},{"type":14,"tag":135,"props":1586,"children":1587},{"class":137,"line":158},[1588,1592,1596,1600,1604,1608,1613,1618,1622],{"type":14,"tag":135,"props":1589,"children":1590},{"class":142},[1591],{"type":26,"value":164},{"type":14,"tag":135,"props":1593,"children":1594},{"class":148},[1595],{"type":26,"value":35},{"type":14,"tag":135,"props":1597,"children":1598},{"class":142},[1599],{"type":26,"value":173},{"type":14,"tag":135,"props":1601,"children":1602},{"class":176},[1603],{"type":26,"value":179},{"type":14,"tag":135,"props":1605,"children":1606},{"class":142},[1607],{"type":26,"value":184},{"type":14,"tag":135,"props":1609,"children":1610},{"class":187},[1611],{"type":26,"value":1612},"\"_font-weight:extralight!\"",{"type":14,"tag":135,"props":1614,"children":1615},{"class":142},[1616],{"type":26,"value":1617},">Extralight text.\u003C/",{"type":14,"tag":135,"props":1619,"children":1620},{"class":148},[1621],{"type":26,"value":35},{"type":14,"tag":135,"props":1623,"children":1624},{"class":142},[1625],{"type":26,"value":155},{"type":14,"tag":135,"props":1627,"children":1628},{"class":137,"line":197},[1629],{"type":14,"tag":135,"props":1630,"children":1631},{},[1632],{"type":26,"value":353},{"type":14,"tag":135,"props":1634,"children":1635},{"class":137,"line":206},[1636,1640,1644,1648,1652,1656,1661,1666,1670],{"type":14,"tag":135,"props":1637,"children":1638},{"class":142},[1639],{"type":26,"value":164},{"type":14,"tag":135,"props":1641,"children":1642},{"class":148},[1643],{"type":26,"value":35},{"type":14,"tag":135,"props":1645,"children":1646},{"class":142},[1647],{"type":26,"value":173},{"type":14,"tag":135,"props":1649,"children":1650},{"class":176},[1651],{"type":26,"value":179},{"type":14,"tag":135,"props":1653,"children":1654},{"class":142},[1655],{"type":26,"value":184},{"type":14,"tag":135,"props":1657,"children":1658},{"class":187},[1659],{"type":26,"value":1660},"\"_font-weight:light!\"",{"type":14,"tag":135,"props":1662,"children":1663},{"class":142},[1664],{"type":26,"value":1665},">Light text.\u003C/",{"type":14,"tag":135,"props":1667,"children":1668},{"class":148},[1669],{"type":26,"value":35},{"type":14,"tag":135,"props":1671,"children":1672},{"class":142},[1673],{"type":26,"value":155},{"type":14,"tag":135,"props":1675,"children":1676},{"class":137,"line":215},[1677],{"type":14,"tag":135,"props":1678,"children":1679},{},[1680],{"type":26,"value":353},{"type":14,"tag":135,"props":1682,"children":1683},{"class":137,"line":224},[1684,1688,1692,1696,1700,1704,1709,1714,1718],{"type":14,"tag":135,"props":1685,"children":1686},{"class":142},[1687],{"type":26,"value":164},{"type":14,"tag":135,"props":1689,"children":1690},{"class":148},[1691],{"type":26,"value":35},{"type":14,"tag":135,"props":1693,"children":1694},{"class":142},[1695],{"type":26,"value":173},{"type":14,"tag":135,"props":1697,"children":1698},{"class":176},[1699],{"type":26,"value":179},{"type":14,"tag":135,"props":1701,"children":1702},{"class":142},[1703],{"type":26,"value":184},{"type":14,"tag":135,"props":1705,"children":1706},{"class":187},[1707],{"type":26,"value":1708},"\"_font-weight:normal!\"",{"type":14,"tag":135,"props":1710,"children":1711},{"class":142},[1712],{"type":26,"value":1713},">Normal text.\u003C/",{"type":14,"tag":135,"props":1715,"children":1716},{"class":148},[1717],{"type":26,"value":35},{"type":14,"tag":135,"props":1719,"children":1720},{"class":142},[1721],{"type":26,"value":155},{"type":14,"tag":135,"props":1723,"children":1724},{"class":137,"line":233},[1725],{"type":14,"tag":135,"props":1726,"children":1727},{},[1728],{"type":26,"value":353},{"type":14,"tag":135,"props":1730,"children":1731},{"class":137,"line":250},[1732,1736,1740,1744,1748,1752,1757,1762,1766],{"type":14,"tag":135,"props":1733,"children":1734},{"class":142},[1735],{"type":26,"value":164},{"type":14,"tag":135,"props":1737,"children":1738},{"class":148},[1739],{"type":26,"value":35},{"type":14,"tag":135,"props":1741,"children":1742},{"class":142},[1743],{"type":26,"value":173},{"type":14,"tag":135,"props":1745,"children":1746},{"class":176},[1747],{"type":26,"value":179},{"type":14,"tag":135,"props":1749,"children":1750},{"class":142},[1751],{"type":26,"value":184},{"type":14,"tag":135,"props":1753,"children":1754},{"class":187},[1755],{"type":26,"value":1756},"\"_font-weight:semibold!\"",{"type":14,"tag":135,"props":1758,"children":1759},{"class":142},[1760],{"type":26,"value":1761},">Semibold text.\u003C/",{"type":14,"tag":135,"props":1763,"children":1764},{"class":148},[1765],{"type":26,"value":35},{"type":14,"tag":135,"props":1767,"children":1768},{"class":142},[1769],{"type":26,"value":155},{"type":14,"tag":135,"props":1771,"children":1772},{"class":137,"line":1008},[1773],{"type":14,"tag":135,"props":1774,"children":1775},{},[1776],{"type":26,"value":353},{"type":14,"tag":135,"props":1778,"children":1780},{"class":137,"line":1779},10,[1781,1785,1789,1793,1797,1801,1806,1811,1815],{"type":14,"tag":135,"props":1782,"children":1783},{"class":142},[1784],{"type":26,"value":164},{"type":14,"tag":135,"props":1786,"children":1787},{"class":148},[1788],{"type":26,"value":35},{"type":14,"tag":135,"props":1790,"children":1791},{"class":142},[1792],{"type":26,"value":173},{"type":14,"tag":135,"props":1794,"children":1795},{"class":176},[1796],{"type":26,"value":179},{"type":14,"tag":135,"props":1798,"children":1799},{"class":142},[1800],{"type":26,"value":184},{"type":14,"tag":135,"props":1802,"children":1803},{"class":187},[1804],{"type":26,"value":1805},"\"_font-weight:bold!\"",{"type":14,"tag":135,"props":1807,"children":1808},{"class":142},[1809],{"type":26,"value":1810},">Bold text.\u003C/",{"type":14,"tag":135,"props":1812,"children":1813},{"class":148},[1814],{"type":26,"value":35},{"type":14,"tag":135,"props":1816,"children":1817},{"class":142},[1818],{"type":26,"value":155},{"type":14,"tag":135,"props":1820,"children":1822},{"class":137,"line":1821},11,[1823],{"type":14,"tag":135,"props":1824,"children":1825},{},[1826],{"type":26,"value":353},{"type":14,"tag":135,"props":1828,"children":1830},{"class":137,"line":1829},12,[1831,1835,1839,1843,1847,1851,1856,1861,1865],{"type":14,"tag":135,"props":1832,"children":1833},{"class":142},[1834],{"type":26,"value":164},{"type":14,"tag":135,"props":1836,"children":1837},{"class":148},[1838],{"type":26,"value":35},{"type":14,"tag":135,"props":1840,"children":1841},{"class":142},[1842],{"type":26,"value":173},{"type":14,"tag":135,"props":1844,"children":1845},{"class":176},[1846],{"type":26,"value":179},{"type":14,"tag":135,"props":1848,"children":1849},{"class":142},[1850],{"type":26,"value":184},{"type":14,"tag":135,"props":1852,"children":1853},{"class":187},[1854],{"type":26,"value":1855},"\"_font-weight:black!\"",{"type":14,"tag":135,"props":1857,"children":1858},{"class":142},[1859],{"type":26,"value":1860},">Black text.\u003C/",{"type":14,"tag":135,"props":1862,"children":1863},{"class":148},[1864],{"type":26,"value":35},{"type":14,"tag":135,"props":1866,"children":1867},{"class":142},[1868],{"type":26,"value":155},{"type":14,"tag":135,"props":1870,"children":1872},{"class":137,"line":1871},13,[1873,1877,1881],{"type":14,"tag":135,"props":1874,"children":1875},{"class":142},[1876],{"type":26,"value":256},{"type":14,"tag":135,"props":1878,"children":1879},{"class":148},[1880],{"type":26,"value":108},{"type":14,"tag":135,"props":1882,"children":1883},{"class":142},[1884],{"type":26,"value":265},{"type":14,"tag":104,"props":1886,"children":1887},{},[1888,1895],{"type":14,"tag":108,"props":1889,"children":1890},{"v-slot:preview":7},[1891],{"type":14,"tag":112,"props":1892,"children":1894},{"src":1893},"/stories/utilities/text/font-weight-relative",[],{"type":14,"tag":108,"props":1896,"children":1897},{"v-slot:vue":7},[1898],{"type":14,"tag":120,"props":1899,"children":1902},{"className":1900,"code":1901,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_font-weight:lighter!\">Lighter weight text (relative to the parent element).\u003C/p>\n\n \u003Cp class=\"_font-weight:bolder!\">Bolder weight text (relative to the parent element).\u003C/p>\n\u003C/template>\n\n",[1903],{"type":14,"tag":128,"props":1904,"children":1905},{},[1906],{"type":14,"tag":120,"props":1907,"children":1908},{"__ignoreMap":7},[1909,1924,1965,1972,2013],{"type":14,"tag":135,"props":1910,"children":1911},{"class":137,"line":138},[1912,1916,1920],{"type":14,"tag":135,"props":1913,"children":1914},{"class":142},[1915],{"type":26,"value":145},{"type":14,"tag":135,"props":1917,"children":1918},{"class":148},[1919],{"type":26,"value":108},{"type":14,"tag":135,"props":1921,"children":1922},{"class":142},[1923],{"type":26,"value":155},{"type":14,"tag":135,"props":1925,"children":1926},{"class":137,"line":158},[1927,1931,1935,1939,1943,1947,1952,1957,1961],{"type":14,"tag":135,"props":1928,"children":1929},{"class":142},[1930],{"type":26,"value":164},{"type":14,"tag":135,"props":1932,"children":1933},{"class":148},[1934],{"type":26,"value":35},{"type":14,"tag":135,"props":1936,"children":1937},{"class":142},[1938],{"type":26,"value":173},{"type":14,"tag":135,"props":1940,"children":1941},{"class":176},[1942],{"type":26,"value":179},{"type":14,"tag":135,"props":1944,"children":1945},{"class":142},[1946],{"type":26,"value":184},{"type":14,"tag":135,"props":1948,"children":1949},{"class":187},[1950],{"type":26,"value":1951},"\"_font-weight:lighter!\"",{"type":14,"tag":135,"props":1953,"children":1954},{"class":142},[1955],{"type":26,"value":1956},">Lighter weight text (relative to the parent element).\u003C/",{"type":14,"tag":135,"props":1958,"children":1959},{"class":148},[1960],{"type":26,"value":35},{"type":14,"tag":135,"props":1962,"children":1963},{"class":142},[1964],{"type":26,"value":155},{"type":14,"tag":135,"props":1966,"children":1967},{"class":137,"line":197},[1968],{"type":14,"tag":135,"props":1969,"children":1970},{},[1971],{"type":26,"value":353},{"type":14,"tag":135,"props":1973,"children":1974},{"class":137,"line":206},[1975,1979,1983,1987,1991,1995,2000,2005,2009],{"type":14,"tag":135,"props":1976,"children":1977},{"class":142},[1978],{"type":26,"value":164},{"type":14,"tag":135,"props":1980,"children":1981},{"class":148},[1982],{"type":26,"value":35},{"type":14,"tag":135,"props":1984,"children":1985},{"class":142},[1986],{"type":26,"value":173},{"type":14,"tag":135,"props":1988,"children":1989},{"class":176},[1990],{"type":26,"value":179},{"type":14,"tag":135,"props":1992,"children":1993},{"class":142},[1994],{"type":26,"value":184},{"type":14,"tag":135,"props":1996,"children":1997},{"class":187},[1998],{"type":26,"value":1999},"\"_font-weight:bolder!\"",{"type":14,"tag":135,"props":2001,"children":2002},{"class":142},[2003],{"type":26,"value":2004},">Bolder weight text (relative to the parent element).\u003C/",{"type":14,"tag":135,"props":2006,"children":2007},{"class":148},[2008],{"type":26,"value":35},{"type":14,"tag":135,"props":2010,"children":2011},{"class":142},[2012],{"type":26,"value":155},{"type":14,"tag":135,"props":2014,"children":2015},{"class":137,"line":215},[2016,2020,2024],{"type":14,"tag":135,"props":2017,"children":2018},{"class":142},[2019],{"type":26,"value":256},{"type":14,"tag":135,"props":2021,"children":2022},{"class":148},[2023],{"type":26,"value":108},{"type":14,"tag":135,"props":2025,"children":2026},{"class":142},[2027],{"type":26,"value":265},{"type":14,"tag":28,"props":2029,"children":2031},{"id":2030},"font-style",[2032],{"type":26,"value":2033},"Font Style",{"type":14,"tag":35,"props":2035,"children":2036},{},[2037],{"type":26,"value":2038},"Italic utility classes allow you to style text with an italic font style. This can be particularly useful for emphasizing certain words or phrases, or for distinguishing between different types of content, such as quotes or citations.",{"type":14,"tag":41,"props":2040,"children":2041},{},[2042],{"type":14,"tag":45,"props":2043,"children":2044},{},[2045,2050,2051],{"type":14,"tag":49,"props":2046,"children":2047},{},[2048],{"type":26,"value":2049},"_font-style:italic",{"type":26,"value":55},{"type":14,"tag":49,"props":2052,"children":2053},{},[2054],{"type":26,"value":2055},"_text:italic",{"type":14,"tag":104,"props":2057,"children":2058},{},[2059,2066],{"type":14,"tag":108,"props":2060,"children":2061},{"v-slot:preview":7},[2062],{"type":14,"tag":112,"props":2063,"children":2065},{"src":2064},"/stories/utilities/text/font-style-italic",[],{"type":14,"tag":108,"props":2067,"children":2068},{"v-slot:vue":7},[2069],{"type":14,"tag":120,"props":2070,"children":2073},{"className":2071,"code":2072,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_font-style:italic!\">Italic text.\u003C/p>\n\u003C/template>\n\n",[2074],{"type":14,"tag":128,"props":2075,"children":2076},{},[2077],{"type":14,"tag":120,"props":2078,"children":2079},{"__ignoreMap":7},[2080,2095,2136],{"type":14,"tag":135,"props":2081,"children":2082},{"class":137,"line":138},[2083,2087,2091],{"type":14,"tag":135,"props":2084,"children":2085},{"class":142},[2086],{"type":26,"value":145},{"type":14,"tag":135,"props":2088,"children":2089},{"class":148},[2090],{"type":26,"value":108},{"type":14,"tag":135,"props":2092,"children":2093},{"class":142},[2094],{"type":26,"value":155},{"type":14,"tag":135,"props":2096,"children":2097},{"class":137,"line":158},[2098,2102,2106,2110,2114,2118,2123,2128,2132],{"type":14,"tag":135,"props":2099,"children":2100},{"class":142},[2101],{"type":26,"value":164},{"type":14,"tag":135,"props":2103,"children":2104},{"class":148},[2105],{"type":26,"value":35},{"type":14,"tag":135,"props":2107,"children":2108},{"class":142},[2109],{"type":26,"value":173},{"type":14,"tag":135,"props":2111,"children":2112},{"class":176},[2113],{"type":26,"value":179},{"type":14,"tag":135,"props":2115,"children":2116},{"class":142},[2117],{"type":26,"value":184},{"type":14,"tag":135,"props":2119,"children":2120},{"class":187},[2121],{"type":26,"value":2122},"\"_font-style:italic!\"",{"type":14,"tag":135,"props":2124,"children":2125},{"class":142},[2126],{"type":26,"value":2127},">Italic text.\u003C/",{"type":14,"tag":135,"props":2129,"children":2130},{"class":148},[2131],{"type":26,"value":35},{"type":14,"tag":135,"props":2133,"children":2134},{"class":142},[2135],{"type":26,"value":155},{"type":14,"tag":135,"props":2137,"children":2138},{"class":137,"line":197},[2139,2143,2147],{"type":14,"tag":135,"props":2140,"children":2141},{"class":142},[2142],{"type":26,"value":256},{"type":14,"tag":135,"props":2144,"children":2145},{"class":148},[2146],{"type":26,"value":108},{"type":14,"tag":135,"props":2148,"children":2149},{"class":142},[2150],{"type":26,"value":265},{"type":14,"tag":28,"props":2152,"children":2154},{"id":2153},"font-size",[2155],{"type":26,"value":2156},"Font Size",{"type":14,"tag":35,"props":2158,"children":2159},{},[2160],{"type":26,"value":2161},"Font size utilities provide a convenient way to increase or decrease the font size of your content.",{"type":14,"tag":41,"props":2163,"children":2164},{},[2165,2179,2193,2207,2221],{"type":14,"tag":45,"props":2166,"children":2167},{},[2168,2173,2174],{"type":14,"tag":49,"props":2169,"children":2170},{},[2171],{"type":26,"value":2172},"_font-size:xs",{"type":26,"value":55},{"type":14,"tag":49,"props":2175,"children":2176},{},[2177],{"type":26,"value":2178},"_text:xs",{"type":14,"tag":45,"props":2180,"children":2181},{},[2182,2187,2188],{"type":14,"tag":49,"props":2183,"children":2184},{},[2185],{"type":26,"value":2186},"_font-size:sm",{"type":26,"value":55},{"type":14,"tag":49,"props":2189,"children":2190},{},[2191],{"type":26,"value":2192},"_text:sm",{"type":14,"tag":45,"props":2194,"children":2195},{},[2196,2201,2202],{"type":14,"tag":49,"props":2197,"children":2198},{},[2199],{"type":26,"value":2200},"_font-size:md",{"type":26,"value":55},{"type":14,"tag":49,"props":2203,"children":2204},{},[2205],{"type":26,"value":2206},"_text:md",{"type":14,"tag":45,"props":2208,"children":2209},{},[2210,2215,2216],{"type":14,"tag":49,"props":2211,"children":2212},{},[2213],{"type":26,"value":2214},"_font-size:lg",{"type":26,"value":55},{"type":14,"tag":49,"props":2217,"children":2218},{},[2219],{"type":26,"value":2220},"_text:lg",{"type":14,"tag":45,"props":2222,"children":2223},{},[2224,2229,2230],{"type":14,"tag":49,"props":2225,"children":2226},{},[2227],{"type":26,"value":2228},"_font-size:xl",{"type":26,"value":55},{"type":14,"tag":49,"props":2231,"children":2232},{},[2233],{"type":26,"value":2234},"_text:xl",{"type":14,"tag":104,"props":2236,"children":2237},{},[2238,2245],{"type":14,"tag":108,"props":2239,"children":2240},{"v-slot:preview":7},[2241],{"type":14,"tag":112,"props":2242,"children":2244},{"src":2243},"/stories/utilities/text/font-size",[],{"type":14,"tag":108,"props":2246,"children":2247},{"v-slot:vue":7},[2248],{"type":14,"tag":120,"props":2249,"children":2252},{"className":2250,"code":2251,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_font-size:sm!\">Extra-small text.\u003C/p>\n\n \u003Cp class=\"_font-size:sm!\">Small text.\u003C/p>\n\n \u003Cp class=\"_font-size:md!\">Medium text.\u003C/p>\n\n \u003Cp class=\"_font-size:lg!\">Large text.\u003C/p>\n\n \u003Cp class=\"_font-size:xl!\">Extra-large text.\u003C/p>\n\u003C/template>\n\n",[2253],{"type":14,"tag":128,"props":2254,"children":2255},{},[2256],{"type":14,"tag":120,"props":2257,"children":2258},{"__ignoreMap":7},[2259,2274,2315,2322,2362,2369,2410,2417,2458,2465,2506],{"type":14,"tag":135,"props":2260,"children":2261},{"class":137,"line":138},[2262,2266,2270],{"type":14,"tag":135,"props":2263,"children":2264},{"class":142},[2265],{"type":26,"value":145},{"type":14,"tag":135,"props":2267,"children":2268},{"class":148},[2269],{"type":26,"value":108},{"type":14,"tag":135,"props":2271,"children":2272},{"class":142},[2273],{"type":26,"value":155},{"type":14,"tag":135,"props":2275,"children":2276},{"class":137,"line":158},[2277,2281,2285,2289,2293,2297,2302,2307,2311],{"type":14,"tag":135,"props":2278,"children":2279},{"class":142},[2280],{"type":26,"value":164},{"type":14,"tag":135,"props":2282,"children":2283},{"class":148},[2284],{"type":26,"value":35},{"type":14,"tag":135,"props":2286,"children":2287},{"class":142},[2288],{"type":26,"value":173},{"type":14,"tag":135,"props":2290,"children":2291},{"class":176},[2292],{"type":26,"value":179},{"type":14,"tag":135,"props":2294,"children":2295},{"class":142},[2296],{"type":26,"value":184},{"type":14,"tag":135,"props":2298,"children":2299},{"class":187},[2300],{"type":26,"value":2301},"\"_font-size:sm!\"",{"type":14,"tag":135,"props":2303,"children":2304},{"class":142},[2305],{"type":26,"value":2306},">Extra-small text.\u003C/",{"type":14,"tag":135,"props":2308,"children":2309},{"class":148},[2310],{"type":26,"value":35},{"type":14,"tag":135,"props":2312,"children":2313},{"class":142},[2314],{"type":26,"value":155},{"type":14,"tag":135,"props":2316,"children":2317},{"class":137,"line":197},[2318],{"type":14,"tag":135,"props":2319,"children":2320},{},[2321],{"type":26,"value":353},{"type":14,"tag":135,"props":2323,"children":2324},{"class":137,"line":206},[2325,2329,2333,2337,2341,2345,2349,2354,2358],{"type":14,"tag":135,"props":2326,"children":2327},{"class":142},[2328],{"type":26,"value":164},{"type":14,"tag":135,"props":2330,"children":2331},{"class":148},[2332],{"type":26,"value":35},{"type":14,"tag":135,"props":2334,"children":2335},{"class":142},[2336],{"type":26,"value":173},{"type":14,"tag":135,"props":2338,"children":2339},{"class":176},[2340],{"type":26,"value":179},{"type":14,"tag":135,"props":2342,"children":2343},{"class":142},[2344],{"type":26,"value":184},{"type":14,"tag":135,"props":2346,"children":2347},{"class":187},[2348],{"type":26,"value":2301},{"type":14,"tag":135,"props":2350,"children":2351},{"class":142},[2352],{"type":26,"value":2353},">Small text.\u003C/",{"type":14,"tag":135,"props":2355,"children":2356},{"class":148},[2357],{"type":26,"value":35},{"type":14,"tag":135,"props":2359,"children":2360},{"class":142},[2361],{"type":26,"value":155},{"type":14,"tag":135,"props":2363,"children":2364},{"class":137,"line":215},[2365],{"type":14,"tag":135,"props":2366,"children":2367},{},[2368],{"type":26,"value":353},{"type":14,"tag":135,"props":2370,"children":2371},{"class":137,"line":224},[2372,2376,2380,2384,2388,2392,2397,2402,2406],{"type":14,"tag":135,"props":2373,"children":2374},{"class":142},[2375],{"type":26,"value":164},{"type":14,"tag":135,"props":2377,"children":2378},{"class":148},[2379],{"type":26,"value":35},{"type":14,"tag":135,"props":2381,"children":2382},{"class":142},[2383],{"type":26,"value":173},{"type":14,"tag":135,"props":2385,"children":2386},{"class":176},[2387],{"type":26,"value":179},{"type":14,"tag":135,"props":2389,"children":2390},{"class":142},[2391],{"type":26,"value":184},{"type":14,"tag":135,"props":2393,"children":2394},{"class":187},[2395],{"type":26,"value":2396},"\"_font-size:md!\"",{"type":14,"tag":135,"props":2398,"children":2399},{"class":142},[2400],{"type":26,"value":2401},">Medium text.\u003C/",{"type":14,"tag":135,"props":2403,"children":2404},{"class":148},[2405],{"type":26,"value":35},{"type":14,"tag":135,"props":2407,"children":2408},{"class":142},[2409],{"type":26,"value":155},{"type":14,"tag":135,"props":2411,"children":2412},{"class":137,"line":233},[2413],{"type":14,"tag":135,"props":2414,"children":2415},{},[2416],{"type":26,"value":353},{"type":14,"tag":135,"props":2418,"children":2419},{"class":137,"line":250},[2420,2424,2428,2432,2436,2440,2445,2450,2454],{"type":14,"tag":135,"props":2421,"children":2422},{"class":142},[2423],{"type":26,"value":164},{"type":14,"tag":135,"props":2425,"children":2426},{"class":148},[2427],{"type":26,"value":35},{"type":14,"tag":135,"props":2429,"children":2430},{"class":142},[2431],{"type":26,"value":173},{"type":14,"tag":135,"props":2433,"children":2434},{"class":176},[2435],{"type":26,"value":179},{"type":14,"tag":135,"props":2437,"children":2438},{"class":142},[2439],{"type":26,"value":184},{"type":14,"tag":135,"props":2441,"children":2442},{"class":187},[2443],{"type":26,"value":2444},"\"_font-size:lg!\"",{"type":14,"tag":135,"props":2446,"children":2447},{"class":142},[2448],{"type":26,"value":2449},">Large text.\u003C/",{"type":14,"tag":135,"props":2451,"children":2452},{"class":148},[2453],{"type":26,"value":35},{"type":14,"tag":135,"props":2455,"children":2456},{"class":142},[2457],{"type":26,"value":155},{"type":14,"tag":135,"props":2459,"children":2460},{"class":137,"line":1008},[2461],{"type":14,"tag":135,"props":2462,"children":2463},{},[2464],{"type":26,"value":353},{"type":14,"tag":135,"props":2466,"children":2467},{"class":137,"line":1779},[2468,2472,2476,2480,2484,2488,2493,2498,2502],{"type":14,"tag":135,"props":2469,"children":2470},{"class":142},[2471],{"type":26,"value":164},{"type":14,"tag":135,"props":2473,"children":2474},{"class":148},[2475],{"type":26,"value":35},{"type":14,"tag":135,"props":2477,"children":2478},{"class":142},[2479],{"type":26,"value":173},{"type":14,"tag":135,"props":2481,"children":2482},{"class":176},[2483],{"type":26,"value":179},{"type":14,"tag":135,"props":2485,"children":2486},{"class":142},[2487],{"type":26,"value":184},{"type":14,"tag":135,"props":2489,"children":2490},{"class":187},[2491],{"type":26,"value":2492},"\"_font-size:xl!\"",{"type":14,"tag":135,"props":2494,"children":2495},{"class":142},[2496],{"type":26,"value":2497},">Extra-large text.\u003C/",{"type":14,"tag":135,"props":2499,"children":2500},{"class":148},[2501],{"type":26,"value":35},{"type":14,"tag":135,"props":2503,"children":2504},{"class":142},[2505],{"type":26,"value":155},{"type":14,"tag":135,"props":2507,"children":2508},{"class":137,"line":1821},[2509,2513,2517],{"type":14,"tag":135,"props":2510,"children":2511},{"class":142},[2512],{"type":26,"value":256},{"type":14,"tag":135,"props":2514,"children":2515},{"class":148},[2516],{"type":26,"value":108},{"type":14,"tag":135,"props":2518,"children":2519},{"class":142},[2520],{"type":26,"value":265},{"type":14,"tag":28,"props":2522,"children":2524},{"id":2523},"monospace",[2525],{"type":26,"value":2526},"Monospace",{"type":14,"tag":35,"props":2528,"children":2529},{},[2530,2532,2537],{"type":26,"value":2531},"Change your text to be monospaced using the ",{"type":14,"tag":49,"props":2533,"children":2534},{},[2535],{"type":26,"value":2536},"_font-family:monospace",{"type":26,"value":2538}," utility.",{"type":14,"tag":41,"props":2540,"children":2541},{},[2542],{"type":14,"tag":45,"props":2543,"children":2544},{},[2545,2549,2550],{"type":14,"tag":49,"props":2546,"children":2547},{},[2548],{"type":26,"value":2536},{"type":26,"value":55},{"type":14,"tag":49,"props":2551,"children":2552},{},[2553],{"type":26,"value":2554},"_text:monospace",{"type":14,"tag":104,"props":2556,"children":2557},{},[2558,2565],{"type":14,"tag":108,"props":2559,"children":2560},{"v-slot:preview":7},[2561],{"type":14,"tag":112,"props":2562,"children":2564},{"src":2563},"/stories/utilities/text/font-monospace",[],{"type":14,"tag":108,"props":2566,"children":2567},{"v-slot:vue":7},[2568],{"type":14,"tag":120,"props":2569,"children":2572},{"className":2570,"code":2571,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_font-family:monospace!\">This text is monospace.\u003C/p>\n\u003C/template>\n\n",[2573],{"type":14,"tag":128,"props":2574,"children":2575},{},[2576],{"type":14,"tag":120,"props":2577,"children":2578},{"__ignoreMap":7},[2579,2594,2635],{"type":14,"tag":135,"props":2580,"children":2581},{"class":137,"line":138},[2582,2586,2590],{"type":14,"tag":135,"props":2583,"children":2584},{"class":142},[2585],{"type":26,"value":145},{"type":14,"tag":135,"props":2587,"children":2588},{"class":148},[2589],{"type":26,"value":108},{"type":14,"tag":135,"props":2591,"children":2592},{"class":142},[2593],{"type":26,"value":155},{"type":14,"tag":135,"props":2595,"children":2596},{"class":137,"line":158},[2597,2601,2605,2609,2613,2617,2622,2627,2631],{"type":14,"tag":135,"props":2598,"children":2599},{"class":142},[2600],{"type":26,"value":164},{"type":14,"tag":135,"props":2602,"children":2603},{"class":148},[2604],{"type":26,"value":35},{"type":14,"tag":135,"props":2606,"children":2607},{"class":142},[2608],{"type":26,"value":173},{"type":14,"tag":135,"props":2610,"children":2611},{"class":176},[2612],{"type":26,"value":179},{"type":14,"tag":135,"props":2614,"children":2615},{"class":142},[2616],{"type":26,"value":184},{"type":14,"tag":135,"props":2618,"children":2619},{"class":187},[2620],{"type":26,"value":2621},"\"_font-family:monospace!\"",{"type":14,"tag":135,"props":2623,"children":2624},{"class":142},[2625],{"type":26,"value":2626},">This text is monospace.\u003C/",{"type":14,"tag":135,"props":2628,"children":2629},{"class":148},[2630],{"type":26,"value":35},{"type":14,"tag":135,"props":2632,"children":2633},{"class":142},[2634],{"type":26,"value":155},{"type":14,"tag":135,"props":2636,"children":2637},{"class":137,"line":197},[2638,2642,2646],{"type":14,"tag":135,"props":2639,"children":2640},{"class":142},[2641],{"type":26,"value":256},{"type":14,"tag":135,"props":2643,"children":2644},{"class":148},[2645],{"type":26,"value":108},{"type":14,"tag":135,"props":2647,"children":2648},{"class":142},[2649],{"type":26,"value":265},{"type":14,"tag":28,"props":2651,"children":2653},{"id":2652},"text-decoration",[2654],{"type":26,"value":2655},"Text Decoration",{"type":14,"tag":35,"props":2657,"children":2658},{},[2659],{"type":26,"value":2660},"You can easily remove or add text decoration using the text decoration utility.",{"type":14,"tag":41,"props":2662,"children":2663},{},[2664,2672,2680,2688,2696],{"type":14,"tag":45,"props":2665,"children":2666},{},[2667],{"type":14,"tag":49,"props":2668,"children":2669},{},[2670],{"type":26,"value":2671},"_text-decoration:none",{"type":14,"tag":45,"props":2673,"children":2674},{},[2675],{"type":14,"tag":49,"props":2676,"children":2677},{},[2678],{"type":26,"value":2679},"_text-decoration:underline",{"type":14,"tag":45,"props":2681,"children":2682},{},[2683],{"type":14,"tag":49,"props":2684,"children":2685},{},[2686],{"type":26,"value":2687},"_text-decoration:line-through",{"type":14,"tag":45,"props":2689,"children":2690},{},[2691],{"type":14,"tag":49,"props":2692,"children":2693},{},[2694],{"type":26,"value":2695},"_text-decoration:overline",{"type":14,"tag":45,"props":2697,"children":2698},{},[2699],{"type":14,"tag":49,"props":2700,"children":2701},{},[2702],{"type":26,"value":2703},"_text-decoration:inherit",{"type":14,"tag":104,"props":2705,"children":2706},{},[2707,2714],{"type":14,"tag":108,"props":2708,"children":2709},{"v-slot:preview":7},[2710],{"type":14,"tag":112,"props":2711,"children":2713},{"src":2712},"/stories/utilities/text/text-decoration",[],{"type":14,"tag":108,"props":2715,"children":2716},{"v-slot:vue":7},[2717],{"type":14,"tag":120,"props":2718,"children":2721},{"className":2719,"code":2720,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Ca class=\"_text-decoration:none!\" href=\"..\"> This link is not underlined. \u003C/a>\n \u003Cp class=\"_text-decoration:underline!\">This link has an underline.\u003C/p>\n \u003Cp class=\"_text-decoration:line-through!\">This link has a line-through.\u003C/p>\n \u003Cp class=\"_text-decoration:overline!\">This link has an overline.\u003C/p>\n\u003C/template>\n\n",[2722],{"type":14,"tag":128,"props":2723,"children":2724},{},[2725],{"type":14,"tag":120,"props":2726,"children":2727},{"__ignoreMap":7},[2728,2743,2803,2844,2885,2926],{"type":14,"tag":135,"props":2729,"children":2730},{"class":137,"line":138},[2731,2735,2739],{"type":14,"tag":135,"props":2732,"children":2733},{"class":142},[2734],{"type":26,"value":145},{"type":14,"tag":135,"props":2736,"children":2737},{"class":148},[2738],{"type":26,"value":108},{"type":14,"tag":135,"props":2740,"children":2741},{"class":142},[2742],{"type":26,"value":155},{"type":14,"tag":135,"props":2744,"children":2745},{"class":137,"line":158},[2746,2750,2755,2759,2763,2767,2772,2776,2781,2785,2790,2795,2799],{"type":14,"tag":135,"props":2747,"children":2748},{"class":142},[2749],{"type":26,"value":164},{"type":14,"tag":135,"props":2751,"children":2752},{"class":148},[2753],{"type":26,"value":2754},"a",{"type":14,"tag":135,"props":2756,"children":2757},{"class":142},[2758],{"type":26,"value":173},{"type":14,"tag":135,"props":2760,"children":2761},{"class":176},[2762],{"type":26,"value":179},{"type":14,"tag":135,"props":2764,"children":2765},{"class":142},[2766],{"type":26,"value":184},{"type":14,"tag":135,"props":2768,"children":2769},{"class":187},[2770],{"type":26,"value":2771},"\"_text-decoration:none!\"",{"type":14,"tag":135,"props":2773,"children":2774},{"class":142},[2775],{"type":26,"value":173},{"type":14,"tag":135,"props":2777,"children":2778},{"class":176},[2779],{"type":26,"value":2780},"href",{"type":14,"tag":135,"props":2782,"children":2783},{"class":142},[2784],{"type":26,"value":184},{"type":14,"tag":135,"props":2786,"children":2787},{"class":187},[2788],{"type":26,"value":2789},"\"..\"",{"type":14,"tag":135,"props":2791,"children":2792},{"class":142},[2793],{"type":26,"value":2794},"> This link is not underlined. \u003C/",{"type":14,"tag":135,"props":2796,"children":2797},{"class":148},[2798],{"type":26,"value":2754},{"type":14,"tag":135,"props":2800,"children":2801},{"class":142},[2802],{"type":26,"value":155},{"type":14,"tag":135,"props":2804,"children":2805},{"class":137,"line":197},[2806,2810,2814,2818,2822,2826,2831,2836,2840],{"type":14,"tag":135,"props":2807,"children":2808},{"class":142},[2809],{"type":26,"value":164},{"type":14,"tag":135,"props":2811,"children":2812},{"class":148},[2813],{"type":26,"value":35},{"type":14,"tag":135,"props":2815,"children":2816},{"class":142},[2817],{"type":26,"value":173},{"type":14,"tag":135,"props":2819,"children":2820},{"class":176},[2821],{"type":26,"value":179},{"type":14,"tag":135,"props":2823,"children":2824},{"class":142},[2825],{"type":26,"value":184},{"type":14,"tag":135,"props":2827,"children":2828},{"class":187},[2829],{"type":26,"value":2830},"\"_text-decoration:underline!\"",{"type":14,"tag":135,"props":2832,"children":2833},{"class":142},[2834],{"type":26,"value":2835},">This link has an underline.\u003C/",{"type":14,"tag":135,"props":2837,"children":2838},{"class":148},[2839],{"type":26,"value":35},{"type":14,"tag":135,"props":2841,"children":2842},{"class":142},[2843],{"type":26,"value":155},{"type":14,"tag":135,"props":2845,"children":2846},{"class":137,"line":206},[2847,2851,2855,2859,2863,2867,2872,2877,2881],{"type":14,"tag":135,"props":2848,"children":2849},{"class":142},[2850],{"type":26,"value":164},{"type":14,"tag":135,"props":2852,"children":2853},{"class":148},[2854],{"type":26,"value":35},{"type":14,"tag":135,"props":2856,"children":2857},{"class":142},[2858],{"type":26,"value":173},{"type":14,"tag":135,"props":2860,"children":2861},{"class":176},[2862],{"type":26,"value":179},{"type":14,"tag":135,"props":2864,"children":2865},{"class":142},[2866],{"type":26,"value":184},{"type":14,"tag":135,"props":2868,"children":2869},{"class":187},[2870],{"type":26,"value":2871},"\"_text-decoration:line-through!\"",{"type":14,"tag":135,"props":2873,"children":2874},{"class":142},[2875],{"type":26,"value":2876},">This link has a line-through.\u003C/",{"type":14,"tag":135,"props":2878,"children":2879},{"class":148},[2880],{"type":26,"value":35},{"type":14,"tag":135,"props":2882,"children":2883},{"class":142},[2884],{"type":26,"value":155},{"type":14,"tag":135,"props":2886,"children":2887},{"class":137,"line":215},[2888,2892,2896,2900,2904,2908,2913,2918,2922],{"type":14,"tag":135,"props":2889,"children":2890},{"class":142},[2891],{"type":26,"value":164},{"type":14,"tag":135,"props":2893,"children":2894},{"class":148},[2895],{"type":26,"value":35},{"type":14,"tag":135,"props":2897,"children":2898},{"class":142},[2899],{"type":26,"value":173},{"type":14,"tag":135,"props":2901,"children":2902},{"class":176},[2903],{"type":26,"value":179},{"type":14,"tag":135,"props":2905,"children":2906},{"class":142},[2907],{"type":26,"value":184},{"type":14,"tag":135,"props":2909,"children":2910},{"class":187},[2911],{"type":26,"value":2912},"\"_text-decoration:overline!\"",{"type":14,"tag":135,"props":2914,"children":2915},{"class":142},[2916],{"type":26,"value":2917},">This link has an overline.\u003C/",{"type":14,"tag":135,"props":2919,"children":2920},{"class":148},[2921],{"type":26,"value":35},{"type":14,"tag":135,"props":2923,"children":2924},{"class":142},[2925],{"type":26,"value":155},{"type":14,"tag":135,"props":2927,"children":2928},{"class":137,"line":224},[2929,2933,2937],{"type":14,"tag":135,"props":2930,"children":2931},{"class":142},[2932],{"type":26,"value":256},{"type":14,"tag":135,"props":2934,"children":2935},{"class":148},[2936],{"type":26,"value":108},{"type":14,"tag":135,"props":2938,"children":2939},{"class":142},[2940],{"type":26,"value":265},{"type":14,"tag":28,"props":2942,"children":2944},{"id":2943},"weak-text",[2945],{"type":26,"value":2946},"Weak Text",{"type":14,"tag":35,"props":2948,"children":2949},{},[2950],{"type":26,"value":2951},"Make your text stand out less using the weak or muted text color utility.",{"type":14,"tag":41,"props":2953,"children":2954},{},[2955,2969,2983,2997],{"type":14,"tag":45,"props":2956,"children":2957},{},[2958,2963,2964],{"type":14,"tag":49,"props":2959,"children":2960},{},[2961],{"type":26,"value":2962},"_text:weak",{"type":26,"value":55},{"type":14,"tag":49,"props":2965,"children":2966},{},[2967],{"type":26,"value":2968},"_color:weak",{"type":14,"tag":45,"props":2970,"children":2971},{},[2972,2977,2978],{"type":14,"tag":49,"props":2973,"children":2974},{},[2975],{"type":26,"value":2976},"_text:weaker",{"type":26,"value":55},{"type":14,"tag":49,"props":2979,"children":2980},{},[2981],{"type":26,"value":2982},"_color:weaker",{"type":14,"tag":45,"props":2984,"children":2985},{},[2986,2991,2992],{"type":14,"tag":49,"props":2987,"children":2988},{},[2989],{"type":26,"value":2990},"_text:weakest",{"type":26,"value":55},{"type":14,"tag":49,"props":2993,"children":2994},{},[2995],{"type":26,"value":2996},"_color:weakest",{"type":14,"tag":45,"props":2998,"children":2999},{},[3000,3005,3006],{"type":14,"tag":49,"props":3001,"children":3002},{},[3003],{"type":26,"value":3004},"_text:muted",{"type":26,"value":55},{"type":14,"tag":49,"props":3007,"children":3008},{},[3009],{"type":26,"value":3010},"_color:muted",{"type":14,"tag":104,"props":3012,"children":3013},{},[3014,3021],{"type":14,"tag":108,"props":3015,"children":3016},{"v-slot:preview":7},[3017],{"type":14,"tag":112,"props":3018,"children":3020},{"src":3019},"/stories/utilities/text/text-muted",[],{"type":14,"tag":108,"props":3022,"children":3023},{"v-slot:vue":7},[3024],{"type":14,"tag":120,"props":3025,"children":3028},{"className":3026,"code":3027,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_text:weak!\">This text is weak.\u003C/p>\n \u003Cp class=\"_text:weaker!\">This text is weaker.\u003C/p>\n \u003Cp class=\"_text:weakest!\">This text is weakest.\u003C/p>\n \u003Cp class=\"_text:muted!\">This text is muted (same as weak).\u003C/p>\n\u003C/template>\n\n",[3029],{"type":14,"tag":128,"props":3030,"children":3031},{},[3032],{"type":14,"tag":120,"props":3033,"children":3034},{"__ignoreMap":7},[3035,3050,3091,3132,3173,3214],{"type":14,"tag":135,"props":3036,"children":3037},{"class":137,"line":138},[3038,3042,3046],{"type":14,"tag":135,"props":3039,"children":3040},{"class":142},[3041],{"type":26,"value":145},{"type":14,"tag":135,"props":3043,"children":3044},{"class":148},[3045],{"type":26,"value":108},{"type":14,"tag":135,"props":3047,"children":3048},{"class":142},[3049],{"type":26,"value":155},{"type":14,"tag":135,"props":3051,"children":3052},{"class":137,"line":158},[3053,3057,3061,3065,3069,3073,3078,3083,3087],{"type":14,"tag":135,"props":3054,"children":3055},{"class":142},[3056],{"type":26,"value":164},{"type":14,"tag":135,"props":3058,"children":3059},{"class":148},[3060],{"type":26,"value":35},{"type":14,"tag":135,"props":3062,"children":3063},{"class":142},[3064],{"type":26,"value":173},{"type":14,"tag":135,"props":3066,"children":3067},{"class":176},[3068],{"type":26,"value":179},{"type":14,"tag":135,"props":3070,"children":3071},{"class":142},[3072],{"type":26,"value":184},{"type":14,"tag":135,"props":3074,"children":3075},{"class":187},[3076],{"type":26,"value":3077},"\"_text:weak!\"",{"type":14,"tag":135,"props":3079,"children":3080},{"class":142},[3081],{"type":26,"value":3082},">This text is weak.\u003C/",{"type":14,"tag":135,"props":3084,"children":3085},{"class":148},[3086],{"type":26,"value":35},{"type":14,"tag":135,"props":3088,"children":3089},{"class":142},[3090],{"type":26,"value":155},{"type":14,"tag":135,"props":3092,"children":3093},{"class":137,"line":197},[3094,3098,3102,3106,3110,3114,3119,3124,3128],{"type":14,"tag":135,"props":3095,"children":3096},{"class":142},[3097],{"type":26,"value":164},{"type":14,"tag":135,"props":3099,"children":3100},{"class":148},[3101],{"type":26,"value":35},{"type":14,"tag":135,"props":3103,"children":3104},{"class":142},[3105],{"type":26,"value":173},{"type":14,"tag":135,"props":3107,"children":3108},{"class":176},[3109],{"type":26,"value":179},{"type":14,"tag":135,"props":3111,"children":3112},{"class":142},[3113],{"type":26,"value":184},{"type":14,"tag":135,"props":3115,"children":3116},{"class":187},[3117],{"type":26,"value":3118},"\"_text:weaker!\"",{"type":14,"tag":135,"props":3120,"children":3121},{"class":142},[3122],{"type":26,"value":3123},">This text is weaker.\u003C/",{"type":14,"tag":135,"props":3125,"children":3126},{"class":148},[3127],{"type":26,"value":35},{"type":14,"tag":135,"props":3129,"children":3130},{"class":142},[3131],{"type":26,"value":155},{"type":14,"tag":135,"props":3133,"children":3134},{"class":137,"line":206},[3135,3139,3143,3147,3151,3155,3160,3165,3169],{"type":14,"tag":135,"props":3136,"children":3137},{"class":142},[3138],{"type":26,"value":164},{"type":14,"tag":135,"props":3140,"children":3141},{"class":148},[3142],{"type":26,"value":35},{"type":14,"tag":135,"props":3144,"children":3145},{"class":142},[3146],{"type":26,"value":173},{"type":14,"tag":135,"props":3148,"children":3149},{"class":176},[3150],{"type":26,"value":179},{"type":14,"tag":135,"props":3152,"children":3153},{"class":142},[3154],{"type":26,"value":184},{"type":14,"tag":135,"props":3156,"children":3157},{"class":187},[3158],{"type":26,"value":3159},"\"_text:weakest!\"",{"type":14,"tag":135,"props":3161,"children":3162},{"class":142},[3163],{"type":26,"value":3164},">This text is weakest.\u003C/",{"type":14,"tag":135,"props":3166,"children":3167},{"class":148},[3168],{"type":26,"value":35},{"type":14,"tag":135,"props":3170,"children":3171},{"class":142},[3172],{"type":26,"value":155},{"type":14,"tag":135,"props":3174,"children":3175},{"class":137,"line":215},[3176,3180,3184,3188,3192,3196,3201,3206,3210],{"type":14,"tag":135,"props":3177,"children":3178},{"class":142},[3179],{"type":26,"value":164},{"type":14,"tag":135,"props":3181,"children":3182},{"class":148},[3183],{"type":26,"value":35},{"type":14,"tag":135,"props":3185,"children":3186},{"class":142},[3187],{"type":26,"value":173},{"type":14,"tag":135,"props":3189,"children":3190},{"class":176},[3191],{"type":26,"value":179},{"type":14,"tag":135,"props":3193,"children":3194},{"class":142},[3195],{"type":26,"value":184},{"type":14,"tag":135,"props":3197,"children":3198},{"class":187},[3199],{"type":26,"value":3200},"\"_text:muted!\"",{"type":14,"tag":135,"props":3202,"children":3203},{"class":142},[3204],{"type":26,"value":3205},">This text is muted (same as weak).\u003C/",{"type":14,"tag":135,"props":3207,"children":3208},{"class":148},[3209],{"type":26,"value":35},{"type":14,"tag":135,"props":3211,"children":3212},{"class":142},[3213],{"type":26,"value":155},{"type":14,"tag":135,"props":3215,"children":3216},{"class":137,"line":224},[3217,3221,3225],{"type":14,"tag":135,"props":3218,"children":3219},{"class":142},[3220],{"type":26,"value":256},{"type":14,"tag":135,"props":3222,"children":3223},{"class":148},[3224],{"type":26,"value":108},{"type":14,"tag":135,"props":3226,"children":3227},{"class":142},[3228],{"type":26,"value":265},{"type":14,"tag":28,"props":3230,"children":3232},{"id":3231},"text-reset",[3233],{"type":26,"value":3234},"Text Reset",{"type":14,"tag":35,"props":3236,"children":3237},{},[3238],{"type":26,"value":3239},"Make your text or link inherit the parent's color using the text reset utility.",{"type":14,"tag":41,"props":3241,"children":3242},{},[3243],{"type":14,"tag":45,"props":3244,"children":3245},{},[3246],{"type":14,"tag":49,"props":3247,"children":3248},{},[3249],{"type":26,"value":3250},"_text:reset",{"type":14,"tag":104,"props":3252,"children":3253},{},[3254,3261],{"type":14,"tag":108,"props":3255,"children":3256},{"v-slot:preview":7},[3257],{"type":14,"tag":112,"props":3258,"children":3260},{"src":3259},"/stories/utilities/text/text-reset",[],{"type":14,"tag":108,"props":3262,"children":3263},{"v-slot:vue":7},[3264],{"type":14,"tag":120,"props":3265,"children":3268},{"className":3266,"code":3267,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cp class=\"_text:weak!\">\n This text is weak and has a \u003Ca class=\"_text:reset!\" href=\"..\">text reset link\u003C/a>.\n \u003C/p>\n\u003C/template>\n\n",[3269],{"type":14,"tag":128,"props":3270,"children":3271},{},[3272],{"type":14,"tag":120,"props":3273,"children":3274},{"__ignoreMap":7},[3275,3290,3321,3380,3395],{"type":14,"tag":135,"props":3276,"children":3277},{"class":137,"line":138},[3278,3282,3286],{"type":14,"tag":135,"props":3279,"children":3280},{"class":142},[3281],{"type":26,"value":145},{"type":14,"tag":135,"props":3283,"children":3284},{"class":148},[3285],{"type":26,"value":108},{"type":14,"tag":135,"props":3287,"children":3288},{"class":142},[3289],{"type":26,"value":155},{"type":14,"tag":135,"props":3291,"children":3292},{"class":137,"line":158},[3293,3297,3301,3305,3309,3313,3317],{"type":14,"tag":135,"props":3294,"children":3295},{"class":142},[3296],{"type":26,"value":164},{"type":14,"tag":135,"props":3298,"children":3299},{"class":148},[3300],{"type":26,"value":35},{"type":14,"tag":135,"props":3302,"children":3303},{"class":142},[3304],{"type":26,"value":173},{"type":14,"tag":135,"props":3306,"children":3307},{"class":176},[3308],{"type":26,"value":179},{"type":14,"tag":135,"props":3310,"children":3311},{"class":142},[3312],{"type":26,"value":184},{"type":14,"tag":135,"props":3314,"children":3315},{"class":187},[3316],{"type":26,"value":3077},{"type":14,"tag":135,"props":3318,"children":3319},{"class":142},[3320],{"type":26,"value":155},{"type":14,"tag":135,"props":3322,"children":3323},{"class":137,"line":197},[3324,3329,3333,3337,3341,3345,3350,3354,3358,3362,3366,3371,3375],{"type":14,"tag":135,"props":3325,"children":3326},{"class":142},[3327],{"type":26,"value":3328}," This text is weak and has a \u003C",{"type":14,"tag":135,"props":3330,"children":3331},{"class":148},[3332],{"type":26,"value":2754},{"type":14,"tag":135,"props":3334,"children":3335},{"class":142},[3336],{"type":26,"value":173},{"type":14,"tag":135,"props":3338,"children":3339},{"class":176},[3340],{"type":26,"value":179},{"type":14,"tag":135,"props":3342,"children":3343},{"class":142},[3344],{"type":26,"value":184},{"type":14,"tag":135,"props":3346,"children":3347},{"class":187},[3348],{"type":26,"value":3349},"\"_text:reset!\"",{"type":14,"tag":135,"props":3351,"children":3352},{"class":142},[3353],{"type":26,"value":173},{"type":14,"tag":135,"props":3355,"children":3356},{"class":176},[3357],{"type":26,"value":2780},{"type":14,"tag":135,"props":3359,"children":3360},{"class":142},[3361],{"type":26,"value":184},{"type":14,"tag":135,"props":3363,"children":3364},{"class":187},[3365],{"type":26,"value":2789},{"type":14,"tag":135,"props":3367,"children":3368},{"class":142},[3369],{"type":26,"value":3370},">text reset link\u003C/",{"type":14,"tag":135,"props":3372,"children":3373},{"class":148},[3374],{"type":26,"value":2754},{"type":14,"tag":135,"props":3376,"children":3377},{"class":142},[3378],{"type":26,"value":3379},">.\n",{"type":14,"tag":135,"props":3381,"children":3382},{"class":137,"line":206},[3383,3387,3391],{"type":14,"tag":135,"props":3384,"children":3385},{"class":142},[3386],{"type":26,"value":239},{"type":14,"tag":135,"props":3388,"children":3389},{"class":148},[3390],{"type":26,"value":35},{"type":14,"tag":135,"props":3392,"children":3393},{"class":142},[3394],{"type":26,"value":155},{"type":14,"tag":135,"props":3396,"children":3397},{"class":137,"line":215},[3398,3402,3406],{"type":14,"tag":135,"props":3399,"children":3400},{"class":142},[3401],{"type":26,"value":256},{"type":14,"tag":135,"props":3403,"children":3404},{"class":148},[3405],{"type":26,"value":108},{"type":14,"tag":135,"props":3407,"children":3408},{"class":142},[3409],{"type":26,"value":265},{"type":14,"tag":28,"props":3411,"children":3413},{"id":3412},"text-hide",[3414],{"type":26,"value":3415},"Text Hide",{"type":14,"tag":35,"props":3417,"children":3418},{},[3419,3421,3426],{"type":26,"value":3420},"You can make your text disappear without hiding the element by using the ",{"type":14,"tag":49,"props":3422,"children":3423},{},[3424],{"type":26,"value":3425},"text-indent: -10000px",{"type":26,"value":3427}," trick. This is available using the following utility class:",{"type":14,"tag":41,"props":3429,"children":3430},{},[3431],{"type":14,"tag":45,"props":3432,"children":3433},{},[3434],{"type":14,"tag":49,"props":3435,"children":3436},{},[3437],{"type":26,"value":3438},"_text:hide",{"type":14,"tag":28,"props":3440,"children":3442},{"id":3441},"lists",[3443],{"type":26,"value":3444},"Lists",{"type":14,"tag":35,"props":3446,"children":3447},{},[3448],{"type":26,"value":3449},"You can use list utilities to obtain inline and unstyled lists.",{"type":14,"tag":41,"props":3451,"children":3452},{},[3453,3467],{"type":14,"tag":45,"props":3454,"children":3455},{},[3456,3461,3462],{"type":14,"tag":49,"props":3457,"children":3458},{},[3459],{"type":26,"value":3460},"_list:inline",{"type":26,"value":55},{"type":14,"tag":49,"props":3463,"children":3464},{},[3465],{"type":26,"value":3466},"list -inline",{"type":14,"tag":45,"props":3468,"children":3469},{},[3470,3475,3476],{"type":14,"tag":49,"props":3471,"children":3472},{},[3473],{"type":26,"value":3474},"_list:unstyled",{"type":26,"value":55},{"type":14,"tag":49,"props":3477,"children":3478},{},[3479],{"type":26,"value":3480},"list -unstyled",{"type":14,"tag":104,"props":3482,"children":3483},{},[3484,3491],{"type":14,"tag":108,"props":3485,"children":3486},{"v-slot:preview":7},[3487],{"type":14,"tag":112,"props":3488,"children":3490},{"src":3489},"/stories/utilities/text/lists",[],{"type":14,"tag":108,"props":3492,"children":3493},{"v-slot:vue":7},[3494],{"type":14,"tag":120,"props":3495,"children":3498},{"className":3496,"code":3497,"language":125,"meta":7},[123],"\u003Ctemplate>\n \u003Cul class=\"_list:inline!\">\n \u003Cli>Lorem ipsum\u003C/li>\n \u003Cli>Phasellus iaculis\u003C/li>\n \u003Cli>Nulla volutpat\u003C/li>\n \u003C/ul>\n\n \u003Chr class=\"_margin-y:2!\" />\n\n \u003Cul class=\"_list:unstyled!\">\n \u003Cli>Lorem ipsum dolor sit amet\u003C/li>\n \u003Cli>Consectetur adipiscing elit\u003C/li>\n \u003Cli>Integer molestie lorem at massa\u003C/li>\n \u003Cli>Facilisis in pretium nisl aliquet\u003C/li>\n \u003Cli>\n Nulla volutpat aliquam velit\n \u003Cul>\n \u003Cli>Phasellus iaculis neque\u003C/li>\n \u003Cli>Purus sodales ultricies\u003C/li>\n \u003Cli>Vestibulum laoreet porttitor sem\u003C/li>\n \u003Cli>Ac tristique libero volutpat at\u003C/li>\n \u003C/ul>\n \u003C/li>\n \u003C/ul>\n\u003C/template>\n\n",[3499],{"type":14,"tag":128,"props":3500,"children":3501},{},[3502],{"type":14,"tag":120,"props":3503,"children":3504},{"__ignoreMap":7},[3505,3520,3552,3577,3601,3625,3640,3647,3681,3688,3720,3744,3768,3792,3817,3833,3842,3859,3885,3910,3935,3960,3977,3994,4010],{"type":14,"tag":135,"props":3506,"children":3507},{"class":137,"line":138},[3508,3512,3516],{"type":14,"tag":135,"props":3509,"children":3510},{"class":142},[3511],{"type":26,"value":145},{"type":14,"tag":135,"props":3513,"children":3514},{"class":148},[3515],{"type":26,"value":108},{"type":14,"tag":135,"props":3517,"children":3518},{"class":142},[3519],{"type":26,"value":155},{"type":14,"tag":135,"props":3521,"children":3522},{"class":137,"line":158},[3523,3527,3531,3535,3539,3543,3548],{"type":14,"tag":135,"props":3524,"children":3525},{"class":142},[3526],{"type":26,"value":164},{"type":14,"tag":135,"props":3528,"children":3529},{"class":148},[3530],{"type":26,"value":41},{"type":14,"tag":135,"props":3532,"children":3533},{"class":142},[3534],{"type":26,"value":173},{"type":14,"tag":135,"props":3536,"children":3537},{"class":176},[3538],{"type":26,"value":179},{"type":14,"tag":135,"props":3540,"children":3541},{"class":142},[3542],{"type":26,"value":184},{"type":14,"tag":135,"props":3544,"children":3545},{"class":187},[3546],{"type":26,"value":3547},"\"_list:inline!\"",{"type":14,"tag":135,"props":3549,"children":3550},{"class":142},[3551],{"type":26,"value":155},{"type":14,"tag":135,"props":3553,"children":3554},{"class":137,"line":197},[3555,3560,3564,3569,3573],{"type":14,"tag":135,"props":3556,"children":3557},{"class":142},[3558],{"type":26,"value":3559}," \u003C",{"type":14,"tag":135,"props":3561,"children":3562},{"class":148},[3563],{"type":26,"value":45},{"type":14,"tag":135,"props":3565,"children":3566},{"class":142},[3567],{"type":26,"value":3568},">Lorem ipsum\u003C/",{"type":14,"tag":135,"props":3570,"children":3571},{"class":148},[3572],{"type":26,"value":45},{"type":14,"tag":135,"props":3574,"children":3575},{"class":142},[3576],{"type":26,"value":155},{"type":14,"tag":135,"props":3578,"children":3579},{"class":137,"line":206},[3580,3584,3588,3593,3597],{"type":14,"tag":135,"props":3581,"children":3582},{"class":142},[3583],{"type":26,"value":3559},{"type":14,"tag":135,"props":3585,"children":3586},{"class":148},[3587],{"type":26,"value":45},{"type":14,"tag":135,"props":3589,"children":3590},{"class":142},[3591],{"type":26,"value":3592},">Phasellus iaculis\u003C/",{"type":14,"tag":135,"props":3594,"children":3595},{"class":148},[3596],{"type":26,"value":45},{"type":14,"tag":135,"props":3598,"children":3599},{"class":142},[3600],{"type":26,"value":155},{"type":14,"tag":135,"props":3602,"children":3603},{"class":137,"line":215},[3604,3608,3612,3617,3621],{"type":14,"tag":135,"props":3605,"children":3606},{"class":142},[3607],{"type":26,"value":3559},{"type":14,"tag":135,"props":3609,"children":3610},{"class":148},[3611],{"type":26,"value":45},{"type":14,"tag":135,"props":3613,"children":3614},{"class":142},[3615],{"type":26,"value":3616},">Nulla volutpat\u003C/",{"type":14,"tag":135,"props":3618,"children":3619},{"class":148},[3620],{"type":26,"value":45},{"type":14,"tag":135,"props":3622,"children":3623},{"class":142},[3624],{"type":26,"value":155},{"type":14,"tag":135,"props":3626,"children":3627},{"class":137,"line":224},[3628,3632,3636],{"type":14,"tag":135,"props":3629,"children":3630},{"class":142},[3631],{"type":26,"value":239},{"type":14,"tag":135,"props":3633,"children":3634},{"class":148},[3635],{"type":26,"value":41},{"type":14,"tag":135,"props":3637,"children":3638},{"class":142},[3639],{"type":26,"value":155},{"type":14,"tag":135,"props":3641,"children":3642},{"class":137,"line":233},[3643],{"type":14,"tag":135,"props":3644,"children":3645},{},[3646],{"type":26,"value":353},{"type":14,"tag":135,"props":3648,"children":3649},{"class":137,"line":250},[3650,3654,3659,3663,3667,3671,3676],{"type":14,"tag":135,"props":3651,"children":3652},{"class":142},[3653],{"type":26,"value":164},{"type":14,"tag":135,"props":3655,"children":3656},{"class":148},[3657],{"type":26,"value":3658},"hr",{"type":14,"tag":135,"props":3660,"children":3661},{"class":142},[3662],{"type":26,"value":173},{"type":14,"tag":135,"props":3664,"children":3665},{"class":176},[3666],{"type":26,"value":179},{"type":14,"tag":135,"props":3668,"children":3669},{"class":142},[3670],{"type":26,"value":184},{"type":14,"tag":135,"props":3672,"children":3673},{"class":187},[3674],{"type":26,"value":3675},"\"_margin-y:2!\"",{"type":14,"tag":135,"props":3677,"children":3678},{"class":142},[3679],{"type":26,"value":3680}," />\n",{"type":14,"tag":135,"props":3682,"children":3683},{"class":137,"line":1008},[3684],{"type":14,"tag":135,"props":3685,"children":3686},{},[3687],{"type":26,"value":353},{"type":14,"tag":135,"props":3689,"children":3690},{"class":137,"line":1779},[3691,3695,3699,3703,3707,3711,3716],{"type":14,"tag":135,"props":3692,"children":3693},{"class":142},[3694],{"type":26,"value":164},{"type":14,"tag":135,"props":3696,"children":3697},{"class":148},[3698],{"type":26,"value":41},{"type":14,"tag":135,"props":3700,"children":3701},{"class":142},[3702],{"type":26,"value":173},{"type":14,"tag":135,"props":3704,"children":3705},{"class":176},[3706],{"type":26,"value":179},{"type":14,"tag":135,"props":3708,"children":3709},{"class":142},[3710],{"type":26,"value":184},{"type":14,"tag":135,"props":3712,"children":3713},{"class":187},[3714],{"type":26,"value":3715},"\"_list:unstyled!\"",{"type":14,"tag":135,"props":3717,"children":3718},{"class":142},[3719],{"type":26,"value":155},{"type":14,"tag":135,"props":3721,"children":3722},{"class":137,"line":1821},[3723,3727,3731,3736,3740],{"type":14,"tag":135,"props":3724,"children":3725},{"class":142},[3726],{"type":26,"value":3559},{"type":14,"tag":135,"props":3728,"children":3729},{"class":148},[3730],{"type":26,"value":45},{"type":14,"tag":135,"props":3732,"children":3733},{"class":142},[3734],{"type":26,"value":3735},">Lorem ipsum dolor sit amet\u003C/",{"type":14,"tag":135,"props":3737,"children":3738},{"class":148},[3739],{"type":26,"value":45},{"type":14,"tag":135,"props":3741,"children":3742},{"class":142},[3743],{"type":26,"value":155},{"type":14,"tag":135,"props":3745,"children":3746},{"class":137,"line":1829},[3747,3751,3755,3760,3764],{"type":14,"tag":135,"props":3748,"children":3749},{"class":142},[3750],{"type":26,"value":3559},{"type":14,"tag":135,"props":3752,"children":3753},{"class":148},[3754],{"type":26,"value":45},{"type":14,"tag":135,"props":3756,"children":3757},{"class":142},[3758],{"type":26,"value":3759},">Consectetur adipiscing elit\u003C/",{"type":14,"tag":135,"props":3761,"children":3762},{"class":148},[3763],{"type":26,"value":45},{"type":14,"tag":135,"props":3765,"children":3766},{"class":142},[3767],{"type":26,"value":155},{"type":14,"tag":135,"props":3769,"children":3770},{"class":137,"line":1871},[3771,3775,3779,3784,3788],{"type":14,"tag":135,"props":3772,"children":3773},{"class":142},[3774],{"type":26,"value":3559},{"type":14,"tag":135,"props":3776,"children":3777},{"class":148},[3778],{"type":26,"value":45},{"type":14,"tag":135,"props":3780,"children":3781},{"class":142},[3782],{"type":26,"value":3783},">Integer molestie lorem at massa\u003C/",{"type":14,"tag":135,"props":3785,"children":3786},{"class":148},[3787],{"type":26,"value":45},{"type":14,"tag":135,"props":3789,"children":3790},{"class":142},[3791],{"type":26,"value":155},{"type":14,"tag":135,"props":3793,"children":3795},{"class":137,"line":3794},14,[3796,3800,3804,3809,3813],{"type":14,"tag":135,"props":3797,"children":3798},{"class":142},[3799],{"type":26,"value":3559},{"type":14,"tag":135,"props":3801,"children":3802},{"class":148},[3803],{"type":26,"value":45},{"type":14,"tag":135,"props":3805,"children":3806},{"class":142},[3807],{"type":26,"value":3808},">Facilisis in pretium nisl aliquet\u003C/",{"type":14,"tag":135,"props":3810,"children":3811},{"class":148},[3812],{"type":26,"value":45},{"type":14,"tag":135,"props":3814,"children":3815},{"class":142},[3816],{"type":26,"value":155},{"type":14,"tag":135,"props":3818,"children":3820},{"class":137,"line":3819},15,[3821,3825,3829],{"type":14,"tag":135,"props":3822,"children":3823},{"class":142},[3824],{"type":26,"value":3559},{"type":14,"tag":135,"props":3826,"children":3827},{"class":148},[3828],{"type":26,"value":45},{"type":14,"tag":135,"props":3830,"children":3831},{"class":142},[3832],{"type":26,"value":155},{"type":14,"tag":135,"props":3834,"children":3836},{"class":137,"line":3835},16,[3837],{"type":14,"tag":135,"props":3838,"children":3839},{"class":142},[3840],{"type":26,"value":3841}," Nulla volutpat aliquam velit\n",{"type":14,"tag":135,"props":3843,"children":3845},{"class":137,"line":3844},17,[3846,3851,3855],{"type":14,"tag":135,"props":3847,"children":3848},{"class":142},[3849],{"type":26,"value":3850}," \u003C",{"type":14,"tag":135,"props":3852,"children":3853},{"class":148},[3854],{"type":26,"value":41},{"type":14,"tag":135,"props":3856,"children":3857},{"class":142},[3858],{"type":26,"value":155},{"type":14,"tag":135,"props":3860,"children":3862},{"class":137,"line":3861},18,[3863,3868,3872,3877,3881],{"type":14,"tag":135,"props":3864,"children":3865},{"class":142},[3866],{"type":26,"value":3867}," \u003C",{"type":14,"tag":135,"props":3869,"children":3870},{"class":148},[3871],{"type":26,"value":45},{"type":14,"tag":135,"props":3873,"children":3874},{"class":142},[3875],{"type":26,"value":3876},">Phasellus iaculis neque\u003C/",{"type":14,"tag":135,"props":3878,"children":3879},{"class":148},[3880],{"type":26,"value":45},{"type":14,"tag":135,"props":3882,"children":3883},{"class":142},[3884],{"type":26,"value":155},{"type":14,"tag":135,"props":3886,"children":3888},{"class":137,"line":3887},19,[3889,3893,3897,3902,3906],{"type":14,"tag":135,"props":3890,"children":3891},{"class":142},[3892],{"type":26,"value":3867},{"type":14,"tag":135,"props":3894,"children":3895},{"class":148},[3896],{"type":26,"value":45},{"type":14,"tag":135,"props":3898,"children":3899},{"class":142},[3900],{"type":26,"value":3901},">Purus sodales ultricies\u003C/",{"type":14,"tag":135,"props":3903,"children":3904},{"class":148},[3905],{"type":26,"value":45},{"type":14,"tag":135,"props":3907,"children":3908},{"class":142},[3909],{"type":26,"value":155},{"type":14,"tag":135,"props":3911,"children":3913},{"class":137,"line":3912},20,[3914,3918,3922,3927,3931],{"type":14,"tag":135,"props":3915,"children":3916},{"class":142},[3917],{"type":26,"value":3867},{"type":14,"tag":135,"props":3919,"children":3920},{"class":148},[3921],{"type":26,"value":45},{"type":14,"tag":135,"props":3923,"children":3924},{"class":142},[3925],{"type":26,"value":3926},">Vestibulum laoreet porttitor sem\u003C/",{"type":14,"tag":135,"props":3928,"children":3929},{"class":148},[3930],{"type":26,"value":45},{"type":14,"tag":135,"props":3932,"children":3933},{"class":142},[3934],{"type":26,"value":155},{"type":14,"tag":135,"props":3936,"children":3938},{"class":137,"line":3937},21,[3939,3943,3947,3952,3956],{"type":14,"tag":135,"props":3940,"children":3941},{"class":142},[3942],{"type":26,"value":3867},{"type":14,"tag":135,"props":3944,"children":3945},{"class":148},[3946],{"type":26,"value":45},{"type":14,"tag":135,"props":3948,"children":3949},{"class":142},[3950],{"type":26,"value":3951},">Ac tristique libero volutpat at\u003C/",{"type":14,"tag":135,"props":3953,"children":3954},{"class":148},[3955],{"type":26,"value":45},{"type":14,"tag":135,"props":3957,"children":3958},{"class":142},[3959],{"type":26,"value":155},{"type":14,"tag":135,"props":3961,"children":3963},{"class":137,"line":3962},22,[3964,3969,3973],{"type":14,"tag":135,"props":3965,"children":3966},{"class":142},[3967],{"type":26,"value":3968}," \u003C/",{"type":14,"tag":135,"props":3970,"children":3971},{"class":148},[3972],{"type":26,"value":41},{"type":14,"tag":135,"props":3974,"children":3975},{"class":142},[3976],{"type":26,"value":155},{"type":14,"tag":135,"props":3978,"children":3980},{"class":137,"line":3979},23,[3981,3986,3990],{"type":14,"tag":135,"props":3982,"children":3983},{"class":142},[3984],{"type":26,"value":3985}," \u003C/",{"type":14,"tag":135,"props":3987,"children":3988},{"class":148},[3989],{"type":26,"value":45},{"type":14,"tag":135,"props":3991,"children":3992},{"class":142},[3993],{"type":26,"value":155},{"type":14,"tag":135,"props":3995,"children":3997},{"class":137,"line":3996},24,[3998,4002,4006],{"type":14,"tag":135,"props":3999,"children":4000},{"class":142},[4001],{"type":26,"value":239},{"type":14,"tag":135,"props":4003,"children":4004},{"class":148},[4005],{"type":26,"value":41},{"type":14,"tag":135,"props":4007,"children":4008},{"class":142},[4009],{"type":26,"value":155},{"type":14,"tag":135,"props":4011,"children":4013},{"class":137,"line":4012},25,[4014,4018,4022],{"type":14,"tag":135,"props":4015,"children":4016},{"class":142},[4017],{"type":26,"value":256},{"type":14,"tag":135,"props":4019,"children":4020},{"class":148},[4021],{"type":26,"value":108},{"type":14,"tag":135,"props":4023,"children":4024},{"class":142},[4025],{"type":26,"value":265},{"type":14,"tag":606,"children":4027},[4028],{"type":26,"value":4029},".ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-914029{color:#22863A;}\n.dark-theme .ct-914029{color:#85E89D;}\n.ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}",{"title":7,"searchDepth":158,"depth":158,"links":4031},[4032],{"id":23,"depth":158,"text":9,"children":4033},[4034,4035,4036,4037,4038,4039,4040,4041,4042,4043,4044,4045,4046],{"id":30,"depth":197,"text":33},{"id":460,"depth":197,"text":463},{"id":1024,"depth":197,"text":1027},{"id":1175,"depth":197,"text":1178},{"id":1422,"depth":197,"text":1425},{"id":2030,"depth":197,"text":2033},{"id":2153,"depth":197,"text":2156},{"id":2523,"depth":197,"text":2526},{"id":2652,"depth":197,"text":2655},{"id":2943,"depth":197,"text":2946},{"id":3231,"depth":197,"text":3234},{"id":3412,"depth":197,"text":3415},{"id":3441,"depth":197,"text":3444},"markdown","content:docs:utilities:css:text.md","content","docs/utilities/css/text.md","md",1794582261826]