[{"data":1,"prerenderedAt":1111},["Reactive",2],{"content-query-M310c1nlzv":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":1106,"_id":1107,"_source":1108,"_file":1109,"_extension":1110},"/docs/utilities/css/sizing","css",false,"","CSS Utility Classes - Sizing - Inkline","Make an element as wide or as tall as you need using width and height utilities.",{"type":11,"children":12,"toc":1097},"root",[13,20,27,60,67,388,394,681,687,782,788,883,889,894,1092],{"type":14,"tag":15,"props":16,"children":19},"element","content-heading",{"subtitle":17,"title":18},"CSS Utility Classes","Sizing",[],{"type":14,"tag":21,"props":22,"children":24},"h2",{"id":23},"make-an-element-as-wide-or-as-tall-as-you-need-using-width-and-height-utilities",[25],{"type":26,"value":9},"text",{"type":14,"tag":28,"props":29,"children":30},"p",{},[31,33,39,41,46,47,52,53,58],{"type":26,"value":32},"Width and height utilities provide support for ",{"type":14,"tag":34,"props":35,"children":36},"code-inline",{},[37],{"type":26,"value":38},"25%",{"type":26,"value":40},", ",{"type":14,"tag":34,"props":42,"children":43},{},[44],{"type":26,"value":45},"50%",{"type":26,"value":40},{"type":14,"tag":34,"props":48,"children":49},{},[50],{"type":26,"value":51},"75%",{"type":26,"value":40},{"type":14,"tag":34,"props":54,"children":55},{},[56],{"type":26,"value":57},"100%",{"type":26,"value":59},", and auto by default.",{"type":14,"tag":61,"props":62,"children":64},"h3",{"id":63},"width",[65],{"type":26,"value":66},"Width",{"type":14,"tag":68,"props":69,"children":70},"content-tabs",{},[71,80],{"type":14,"tag":72,"props":73,"children":74},"template",{"v-slot:preview":7},[75],{"type":14,"tag":76,"props":77,"children":79},"content-preview",{"src":78},"/stories/utilities/sizing/width",[],{"type":14,"tag":72,"props":81,"children":82},{"v-slot:vue":7},[83],{"type":14,"tag":84,"props":85,"children":90},"code",{"className":86,"code":88,"language":89,"meta":7},[87],"language-vue","\u003Ctemplate>\n    \u003Cdiv class=\"_width:25%!\">25% Width\u003C/div>\n\n    \u003Cdiv class=\"_width:50%!\">50% Width\u003C/div>\n\n    \u003Cdiv class=\"_width:75%!\">75% Width\u003C/div>\n\n    \u003Cdiv class=\"_width:100%!\">100% Width\u003C/div>\n\n    \u003Cdiv class=\"_width:auto!\">Auto Width\u003C/div>\n\u003C/template>\n\n","vue",[91],{"type":14,"tag":92,"props":93,"children":94},"pre",{},[95],{"type":14,"tag":84,"props":96,"children":97},{"__ignoreMap":7},[98,120,169,178,220,228,270,278,320,328,370],{"type":14,"tag":99,"props":100,"children":103},"span",{"class":101,"line":102},"line",1,[104,110,115],{"type":14,"tag":99,"props":105,"children":107},{"class":106},"ct-553616",[108],{"type":26,"value":109},"\u003C",{"type":14,"tag":99,"props":111,"children":113},{"class":112},"ct-914029",[114],{"type":26,"value":72},{"type":14,"tag":99,"props":116,"children":117},{"class":106},[118],{"type":26,"value":119},">\n",{"type":14,"tag":99,"props":121,"children":123},{"class":101,"line":122},2,[124,129,134,139,145,150,156,161,165],{"type":14,"tag":99,"props":125,"children":126},{"class":106},[127],{"type":26,"value":128},"    \u003C",{"type":14,"tag":99,"props":130,"children":131},{"class":112},[132],{"type":26,"value":133},"div",{"type":14,"tag":99,"props":135,"children":136},{"class":106},[137],{"type":26,"value":138}," ",{"type":14,"tag":99,"props":140,"children":142},{"class":141},"ct-762058",[143],{"type":26,"value":144},"class",{"type":14,"tag":99,"props":146,"children":147},{"class":106},[148],{"type":26,"value":149},"=",{"type":14,"tag":99,"props":151,"children":153},{"class":152},"ct-952708",[154],{"type":26,"value":155},"\"_width:25%!\"",{"type":14,"tag":99,"props":157,"children":158},{"class":106},[159],{"type":26,"value":160},">25% Width\u003C/",{"type":14,"tag":99,"props":162,"children":163},{"class":112},[164],{"type":26,"value":133},{"type":14,"tag":99,"props":166,"children":167},{"class":106},[168],{"type":26,"value":119},{"type":14,"tag":99,"props":170,"children":172},{"class":101,"line":171},3,[173],{"type":14,"tag":99,"props":174,"children":175},{},[176],{"type":26,"value":177},"\n",{"type":14,"tag":99,"props":179,"children":181},{"class":101,"line":180},4,[182,186,190,194,198,202,207,212,216],{"type":14,"tag":99,"props":183,"children":184},{"class":106},[185],{"type":26,"value":128},{"type":14,"tag":99,"props":187,"children":188},{"class":112},[189],{"type":26,"value":133},{"type":14,"tag":99,"props":191,"children":192},{"class":106},[193],{"type":26,"value":138},{"type":14,"tag":99,"props":195,"children":196},{"class":141},[197],{"type":26,"value":144},{"type":14,"tag":99,"props":199,"children":200},{"class":106},[201],{"type":26,"value":149},{"type":14,"tag":99,"props":203,"children":204},{"class":152},[205],{"type":26,"value":206},"\"_width:50%!\"",{"type":14,"tag":99,"props":208,"children":209},{"class":106},[210],{"type":26,"value":211},">50% Width\u003C/",{"type":14,"tag":99,"props":213,"children":214},{"class":112},[215],{"type":26,"value":133},{"type":14,"tag":99,"props":217,"children":218},{"class":106},[219],{"type":26,"value":119},{"type":14,"tag":99,"props":221,"children":223},{"class":101,"line":222},5,[224],{"type":14,"tag":99,"props":225,"children":226},{},[227],{"type":26,"value":177},{"type":14,"tag":99,"props":229,"children":231},{"class":101,"line":230},6,[232,236,240,244,248,252,257,262,266],{"type":14,"tag":99,"props":233,"children":234},{"class":106},[235],{"type":26,"value":128},{"type":14,"tag":99,"props":237,"children":238},{"class":112},[239],{"type":26,"value":133},{"type":14,"tag":99,"props":241,"children":242},{"class":106},[243],{"type":26,"value":138},{"type":14,"tag":99,"props":245,"children":246},{"class":141},[247],{"type":26,"value":144},{"type":14,"tag":99,"props":249,"children":250},{"class":106},[251],{"type":26,"value":149},{"type":14,"tag":99,"props":253,"children":254},{"class":152},[255],{"type":26,"value":256},"\"_width:75%!\"",{"type":14,"tag":99,"props":258,"children":259},{"class":106},[260],{"type":26,"value":261},">75% Width\u003C/",{"type":14,"tag":99,"props":263,"children":264},{"class":112},[265],{"type":26,"value":133},{"type":14,"tag":99,"props":267,"children":268},{"class":106},[269],{"type":26,"value":119},{"type":14,"tag":99,"props":271,"children":273},{"class":101,"line":272},7,[274],{"type":14,"tag":99,"props":275,"children":276},{},[277],{"type":26,"value":177},{"type":14,"tag":99,"props":279,"children":281},{"class":101,"line":280},8,[282,286,290,294,298,302,307,312,316],{"type":14,"tag":99,"props":283,"children":284},{"class":106},[285],{"type":26,"value":128},{"type":14,"tag":99,"props":287,"children":288},{"class":112},[289],{"type":26,"value":133},{"type":14,"tag":99,"props":291,"children":292},{"class":106},[293],{"type":26,"value":138},{"type":14,"tag":99,"props":295,"children":296},{"class":141},[297],{"type":26,"value":144},{"type":14,"tag":99,"props":299,"children":300},{"class":106},[301],{"type":26,"value":149},{"type":14,"tag":99,"props":303,"children":304},{"class":152},[305],{"type":26,"value":306},"\"_width:100%!\"",{"type":14,"tag":99,"props":308,"children":309},{"class":106},[310],{"type":26,"value":311},">100% Width\u003C/",{"type":14,"tag":99,"props":313,"children":314},{"class":112},[315],{"type":26,"value":133},{"type":14,"tag":99,"props":317,"children":318},{"class":106},[319],{"type":26,"value":119},{"type":14,"tag":99,"props":321,"children":323},{"class":101,"line":322},9,[324],{"type":14,"tag":99,"props":325,"children":326},{},[327],{"type":26,"value":177},{"type":14,"tag":99,"props":329,"children":331},{"class":101,"line":330},10,[332,336,340,344,348,352,357,362,366],{"type":14,"tag":99,"props":333,"children":334},{"class":106},[335],{"type":26,"value":128},{"type":14,"tag":99,"props":337,"children":338},{"class":112},[339],{"type":26,"value":133},{"type":14,"tag":99,"props":341,"children":342},{"class":106},[343],{"type":26,"value":138},{"type":14,"tag":99,"props":345,"children":346},{"class":141},[347],{"type":26,"value":144},{"type":14,"tag":99,"props":349,"children":350},{"class":106},[351],{"type":26,"value":149},{"type":14,"tag":99,"props":353,"children":354},{"class":152},[355],{"type":26,"value":356},"\"_width:auto!\"",{"type":14,"tag":99,"props":358,"children":359},{"class":106},[360],{"type":26,"value":361},">Auto Width\u003C/",{"type":14,"tag":99,"props":363,"children":364},{"class":112},[365],{"type":26,"value":133},{"type":14,"tag":99,"props":367,"children":368},{"class":106},[369],{"type":26,"value":119},{"type":14,"tag":99,"props":371,"children":373},{"class":101,"line":372},11,[374,379,383],{"type":14,"tag":99,"props":375,"children":376},{"class":106},[377],{"type":26,"value":378},"\u003C/",{"type":14,"tag":99,"props":380,"children":381},{"class":112},[382],{"type":26,"value":72},{"type":14,"tag":99,"props":384,"children":385},{"class":106},[386],{"type":26,"value":387},">",{"type":14,"tag":61,"props":389,"children":391},{"id":390},"height",[392],{"type":26,"value":393},"Height",{"type":14,"tag":68,"props":395,"children":396},{},[397,404],{"type":14,"tag":72,"props":398,"children":399},{"v-slot:preview":7},[400],{"type":14,"tag":76,"props":401,"children":403},{"src":402},"/stories/utilities/sizing/height",[],{"type":14,"tag":72,"props":405,"children":406},{"v-slot:vue":7},[407],{"type":14,"tag":84,"props":408,"children":411},{"className":409,"code":410,"language":89,"meta":7},[87],"\u003Ctemplate>\n    \u003Cdiv class=\"_height:25%!\">25% Height\u003C/div>\n\n    \u003Cdiv class=\"_height:50%!\">50% Height\u003C/div>\n\n    \u003Cdiv class=\"_height:75%!\">75% Height\u003C/div>\n\n    \u003Cdiv class=\"_height:100%!\">100% Height\u003C/div>\n\n    \u003Cdiv class=\"_height:auto!\">Auto Height\u003C/div>\n\u003C/template>\n\n",[412],{"type":14,"tag":92,"props":413,"children":414},{},[415],{"type":14,"tag":84,"props":416,"children":417},{"__ignoreMap":7},[418,433,474,481,522,529,570,577,618,625,666],{"type":14,"tag":99,"props":419,"children":420},{"class":101,"line":102},[421,425,429],{"type":14,"tag":99,"props":422,"children":423},{"class":106},[424],{"type":26,"value":109},{"type":14,"tag":99,"props":426,"children":427},{"class":112},[428],{"type":26,"value":72},{"type":14,"tag":99,"props":430,"children":431},{"class":106},[432],{"type":26,"value":119},{"type":14,"tag":99,"props":434,"children":435},{"class":101,"line":122},[436,440,444,448,452,456,461,466,470],{"type":14,"tag":99,"props":437,"children":438},{"class":106},[439],{"type":26,"value":128},{"type":14,"tag":99,"props":441,"children":442},{"class":112},[443],{"type":26,"value":133},{"type":14,"tag":99,"props":445,"children":446},{"class":106},[447],{"type":26,"value":138},{"type":14,"tag":99,"props":449,"children":450},{"class":141},[451],{"type":26,"value":144},{"type":14,"tag":99,"props":453,"children":454},{"class":106},[455],{"type":26,"value":149},{"type":14,"tag":99,"props":457,"children":458},{"class":152},[459],{"type":26,"value":460},"\"_height:25%!\"",{"type":14,"tag":99,"props":462,"children":463},{"class":106},[464],{"type":26,"value":465},">25% Height\u003C/",{"type":14,"tag":99,"props":467,"children":468},{"class":112},[469],{"type":26,"value":133},{"type":14,"tag":99,"props":471,"children":472},{"class":106},[473],{"type":26,"value":119},{"type":14,"tag":99,"props":475,"children":476},{"class":101,"line":171},[477],{"type":14,"tag":99,"props":478,"children":479},{},[480],{"type":26,"value":177},{"type":14,"tag":99,"props":482,"children":483},{"class":101,"line":180},[484,488,492,496,500,504,509,514,518],{"type":14,"tag":99,"props":485,"children":486},{"class":106},[487],{"type":26,"value":128},{"type":14,"tag":99,"props":489,"children":490},{"class":112},[491],{"type":26,"value":133},{"type":14,"tag":99,"props":493,"children":494},{"class":106},[495],{"type":26,"value":138},{"type":14,"tag":99,"props":497,"children":498},{"class":141},[499],{"type":26,"value":144},{"type":14,"tag":99,"props":501,"children":502},{"class":106},[503],{"type":26,"value":149},{"type":14,"tag":99,"props":505,"children":506},{"class":152},[507],{"type":26,"value":508},"\"_height:50%!\"",{"type":14,"tag":99,"props":510,"children":511},{"class":106},[512],{"type":26,"value":513},">50% Height\u003C/",{"type":14,"tag":99,"props":515,"children":516},{"class":112},[517],{"type":26,"value":133},{"type":14,"tag":99,"props":519,"children":520},{"class":106},[521],{"type":26,"value":119},{"type":14,"tag":99,"props":523,"children":524},{"class":101,"line":222},[525],{"type":14,"tag":99,"props":526,"children":527},{},[528],{"type":26,"value":177},{"type":14,"tag":99,"props":530,"children":531},{"class":101,"line":230},[532,536,540,544,548,552,557,562,566],{"type":14,"tag":99,"props":533,"children":534},{"class":106},[535],{"type":26,"value":128},{"type":14,"tag":99,"props":537,"children":538},{"class":112},[539],{"type":26,"value":133},{"type":14,"tag":99,"props":541,"children":542},{"class":106},[543],{"type":26,"value":138},{"type":14,"tag":99,"props":545,"children":546},{"class":141},[547],{"type":26,"value":144},{"type":14,"tag":99,"props":549,"children":550},{"class":106},[551],{"type":26,"value":149},{"type":14,"tag":99,"props":553,"children":554},{"class":152},[555],{"type":26,"value":556},"\"_height:75%!\"",{"type":14,"tag":99,"props":558,"children":559},{"class":106},[560],{"type":26,"value":561},">75% Height\u003C/",{"type":14,"tag":99,"props":563,"children":564},{"class":112},[565],{"type":26,"value":133},{"type":14,"tag":99,"props":567,"children":568},{"class":106},[569],{"type":26,"value":119},{"type":14,"tag":99,"props":571,"children":572},{"class":101,"line":272},[573],{"type":14,"tag":99,"props":574,"children":575},{},[576],{"type":26,"value":177},{"type":14,"tag":99,"props":578,"children":579},{"class":101,"line":280},[580,584,588,592,596,600,605,610,614],{"type":14,"tag":99,"props":581,"children":582},{"class":106},[583],{"type":26,"value":128},{"type":14,"tag":99,"props":585,"children":586},{"class":112},[587],{"type":26,"value":133},{"type":14,"tag":99,"props":589,"children":590},{"class":106},[591],{"type":26,"value":138},{"type":14,"tag":99,"props":593,"children":594},{"class":141},[595],{"type":26,"value":144},{"type":14,"tag":99,"props":597,"children":598},{"class":106},[599],{"type":26,"value":149},{"type":14,"tag":99,"props":601,"children":602},{"class":152},[603],{"type":26,"value":604},"\"_height:100%!\"",{"type":14,"tag":99,"props":606,"children":607},{"class":106},[608],{"type":26,"value":609},">100% Height\u003C/",{"type":14,"tag":99,"props":611,"children":612},{"class":112},[613],{"type":26,"value":133},{"type":14,"tag":99,"props":615,"children":616},{"class":106},[617],{"type":26,"value":119},{"type":14,"tag":99,"props":619,"children":620},{"class":101,"line":322},[621],{"type":14,"tag":99,"props":622,"children":623},{},[624],{"type":26,"value":177},{"type":14,"tag":99,"props":626,"children":627},{"class":101,"line":330},[628,632,636,640,644,648,653,658,662],{"type":14,"tag":99,"props":629,"children":630},{"class":106},[631],{"type":26,"value":128},{"type":14,"tag":99,"props":633,"children":634},{"class":112},[635],{"type":26,"value":133},{"type":14,"tag":99,"props":637,"children":638},{"class":106},[639],{"type":26,"value":138},{"type":14,"tag":99,"props":641,"children":642},{"class":141},[643],{"type":26,"value":144},{"type":14,"tag":99,"props":645,"children":646},{"class":106},[647],{"type":26,"value":149},{"type":14,"tag":99,"props":649,"children":650},{"class":152},[651],{"type":26,"value":652},"\"_height:auto!\"",{"type":14,"tag":99,"props":654,"children":655},{"class":106},[656],{"type":26,"value":657},">Auto Height\u003C/",{"type":14,"tag":99,"props":659,"children":660},{"class":112},[661],{"type":26,"value":133},{"type":14,"tag":99,"props":663,"children":664},{"class":106},[665],{"type":26,"value":119},{"type":14,"tag":99,"props":667,"children":668},{"class":101,"line":372},[669,673,677],{"type":14,"tag":99,"props":670,"children":671},{"class":106},[672],{"type":26,"value":378},{"type":14,"tag":99,"props":674,"children":675},{"class":112},[676],{"type":26,"value":72},{"type":14,"tag":99,"props":678,"children":679},{"class":106},[680],{"type":26,"value":387},{"type":14,"tag":61,"props":682,"children":684},{"id":683},"max-width",[685],{"type":26,"value":686},"Max Width",{"type":14,"tag":68,"props":688,"children":689},{},[690,697],{"type":14,"tag":72,"props":691,"children":692},{"v-slot:preview":7},[693],{"type":14,"tag":76,"props":694,"children":696},{"src":695},"/stories/utilities/sizing/max-width",[],{"type":14,"tag":72,"props":698,"children":699},{"v-slot:vue":7},[700],{"type":14,"tag":84,"props":701,"children":704},{"className":702,"code":703,"language":89,"meta":7},[87],"\u003Ctemplate>\n    \u003Cdiv class=\"_max-width:100%!\">100% Max Width\u003C/div>\n\u003C/template>\n\n",[705],{"type":14,"tag":92,"props":706,"children":707},{},[708],{"type":14,"tag":84,"props":709,"children":710},{"__ignoreMap":7},[711,726,767],{"type":14,"tag":99,"props":712,"children":713},{"class":101,"line":102},[714,718,722],{"type":14,"tag":99,"props":715,"children":716},{"class":106},[717],{"type":26,"value":109},{"type":14,"tag":99,"props":719,"children":720},{"class":112},[721],{"type":26,"value":72},{"type":14,"tag":99,"props":723,"children":724},{"class":106},[725],{"type":26,"value":119},{"type":14,"tag":99,"props":727,"children":728},{"class":101,"line":122},[729,733,737,741,745,749,754,759,763],{"type":14,"tag":99,"props":730,"children":731},{"class":106},[732],{"type":26,"value":128},{"type":14,"tag":99,"props":734,"children":735},{"class":112},[736],{"type":26,"value":133},{"type":14,"tag":99,"props":738,"children":739},{"class":106},[740],{"type":26,"value":138},{"type":14,"tag":99,"props":742,"children":743},{"class":141},[744],{"type":26,"value":144},{"type":14,"tag":99,"props":746,"children":747},{"class":106},[748],{"type":26,"value":149},{"type":14,"tag":99,"props":750,"children":751},{"class":152},[752],{"type":26,"value":753},"\"_max-width:100%!\"",{"type":14,"tag":99,"props":755,"children":756},{"class":106},[757],{"type":26,"value":758},">100% Max Width\u003C/",{"type":14,"tag":99,"props":760,"children":761},{"class":112},[762],{"type":26,"value":133},{"type":14,"tag":99,"props":764,"children":765},{"class":106},[766],{"type":26,"value":119},{"type":14,"tag":99,"props":768,"children":769},{"class":101,"line":171},[770,774,778],{"type":14,"tag":99,"props":771,"children":772},{"class":106},[773],{"type":26,"value":378},{"type":14,"tag":99,"props":775,"children":776},{"class":112},[777],{"type":26,"value":72},{"type":14,"tag":99,"props":779,"children":780},{"class":106},[781],{"type":26,"value":387},{"type":14,"tag":61,"props":783,"children":785},{"id":784},"max-height",[786],{"type":26,"value":787},"Max Height",{"type":14,"tag":68,"props":789,"children":790},{},[791,798],{"type":14,"tag":72,"props":792,"children":793},{"v-slot:preview":7},[794],{"type":14,"tag":76,"props":795,"children":797},{"src":796},"/stories/utilities/sizing/max-height",[],{"type":14,"tag":72,"props":799,"children":800},{"v-slot:vue":7},[801],{"type":14,"tag":84,"props":802,"children":805},{"className":803,"code":804,"language":89,"meta":7},[87],"\u003Ctemplate>\n    \u003Cdiv class=\"_max-height:100%!\">100% Max Height\u003C/div>\n\u003C/template>\n\n",[806],{"type":14,"tag":92,"props":807,"children":808},{},[809],{"type":14,"tag":84,"props":810,"children":811},{"__ignoreMap":7},[812,827,868],{"type":14,"tag":99,"props":813,"children":814},{"class":101,"line":102},[815,819,823],{"type":14,"tag":99,"props":816,"children":817},{"class":106},[818],{"type":26,"value":109},{"type":14,"tag":99,"props":820,"children":821},{"class":112},[822],{"type":26,"value":72},{"type":14,"tag":99,"props":824,"children":825},{"class":106},[826],{"type":26,"value":119},{"type":14,"tag":99,"props":828,"children":829},{"class":101,"line":122},[830,834,838,842,846,850,855,860,864],{"type":14,"tag":99,"props":831,"children":832},{"class":106},[833],{"type":26,"value":128},{"type":14,"tag":99,"props":835,"children":836},{"class":112},[837],{"type":26,"value":133},{"type":14,"tag":99,"props":839,"children":840},{"class":106},[841],{"type":26,"value":138},{"type":14,"tag":99,"props":843,"children":844},{"class":141},[845],{"type":26,"value":144},{"type":14,"tag":99,"props":847,"children":848},{"class":106},[849],{"type":26,"value":149},{"type":14,"tag":99,"props":851,"children":852},{"class":152},[853],{"type":26,"value":854},"\"_max-height:100%!\"",{"type":14,"tag":99,"props":856,"children":857},{"class":106},[858],{"type":26,"value":859},">100% Max Height\u003C/",{"type":14,"tag":99,"props":861,"children":862},{"class":112},[863],{"type":26,"value":133},{"type":14,"tag":99,"props":865,"children":866},{"class":106},[867],{"type":26,"value":119},{"type":14,"tag":99,"props":869,"children":870},{"class":101,"line":171},[871,875,879],{"type":14,"tag":99,"props":872,"children":873},{"class":106},[874],{"type":26,"value":378},{"type":14,"tag":99,"props":876,"children":877},{"class":112},[878],{"type":26,"value":72},{"type":14,"tag":99,"props":880,"children":881},{"class":106},[882],{"type":26,"value":387},{"type":14,"tag":61,"props":884,"children":886},{"id":885},"viewport-relative-sizing",[887],{"type":26,"value":888},"Viewport Relative Sizing",{"type":14,"tag":28,"props":890,"children":891},{},[892],{"type":26,"value":893},"You can also use utilities to set the width and height relative to the viewport.",{"type":14,"tag":84,"props":895,"children":900},{"className":896,"code":898,"language":899,"meta":7},[897],"language-html","\u003Cdiv class=\"_width:100vw\">100% Viewport Width\u003C/div>\n\n\u003Cdiv class=\"_height:100vh\">100% Viewport Height\u003C/div>\n\n\u003Cdiv class=\"_max-width:100vw\">100% Viewport Max Width\u003C/div>\n\n\u003Cdiv class=\"_max-height:100vh\">100% Viewport Max Height\u003C/div>\n","html",[901],{"type":14,"tag":92,"props":902,"children":903},{},[904],{"type":14,"tag":84,"props":905,"children":906},{"__ignoreMap":7},[907,948,955,996,1003,1044,1051],{"type":14,"tag":99,"props":908,"children":909},{"class":101,"line":102},[910,914,918,922,926,930,935,940,944],{"type":14,"tag":99,"props":911,"children":912},{"class":106},[913],{"type":26,"value":109},{"type":14,"tag":99,"props":915,"children":916},{"class":112},[917],{"type":26,"value":133},{"type":14,"tag":99,"props":919,"children":920},{"class":106},[921],{"type":26,"value":138},{"type":14,"tag":99,"props":923,"children":924},{"class":141},[925],{"type":26,"value":144},{"type":14,"tag":99,"props":927,"children":928},{"class":106},[929],{"type":26,"value":149},{"type":14,"tag":99,"props":931,"children":932},{"class":152},[933],{"type":26,"value":934},"\"_width:100vw\"",{"type":14,"tag":99,"props":936,"children":937},{"class":106},[938],{"type":26,"value":939},">100% Viewport Width\u003C/",{"type":14,"tag":99,"props":941,"children":942},{"class":112},[943],{"type":26,"value":133},{"type":14,"tag":99,"props":945,"children":946},{"class":106},[947],{"type":26,"value":119},{"type":14,"tag":99,"props":949,"children":950},{"class":101,"line":122},[951],{"type":14,"tag":99,"props":952,"children":953},{},[954],{"type":26,"value":177},{"type":14,"tag":99,"props":956,"children":957},{"class":101,"line":171},[958,962,966,970,974,978,983,988,992],{"type":14,"tag":99,"props":959,"children":960},{"class":106},[961],{"type":26,"value":109},{"type":14,"tag":99,"props":963,"children":964},{"class":112},[965],{"type":26,"value":133},{"type":14,"tag":99,"props":967,"children":968},{"class":106},[969],{"type":26,"value":138},{"type":14,"tag":99,"props":971,"children":972},{"class":141},[973],{"type":26,"value":144},{"type":14,"tag":99,"props":975,"children":976},{"class":106},[977],{"type":26,"value":149},{"type":14,"tag":99,"props":979,"children":980},{"class":152},[981],{"type":26,"value":982},"\"_height:100vh\"",{"type":14,"tag":99,"props":984,"children":985},{"class":106},[986],{"type":26,"value":987},">100% Viewport Height\u003C/",{"type":14,"tag":99,"props":989,"children":990},{"class":112},[991],{"type":26,"value":133},{"type":14,"tag":99,"props":993,"children":994},{"class":106},[995],{"type":26,"value":119},{"type":14,"tag":99,"props":997,"children":998},{"class":101,"line":180},[999],{"type":14,"tag":99,"props":1000,"children":1001},{},[1002],{"type":26,"value":177},{"type":14,"tag":99,"props":1004,"children":1005},{"class":101,"line":222},[1006,1010,1014,1018,1022,1026,1031,1036,1040],{"type":14,"tag":99,"props":1007,"children":1008},{"class":106},[1009],{"type":26,"value":109},{"type":14,"tag":99,"props":1011,"children":1012},{"class":112},[1013],{"type":26,"value":133},{"type":14,"tag":99,"props":1015,"children":1016},{"class":106},[1017],{"type":26,"value":138},{"type":14,"tag":99,"props":1019,"children":1020},{"class":141},[1021],{"type":26,"value":144},{"type":14,"tag":99,"props":1023,"children":1024},{"class":106},[1025],{"type":26,"value":149},{"type":14,"tag":99,"props":1027,"children":1028},{"class":152},[1029],{"type":26,"value":1030},"\"_max-width:100vw\"",{"type":14,"tag":99,"props":1032,"children":1033},{"class":106},[1034],{"type":26,"value":1035},">100% Viewport Max Width\u003C/",{"type":14,"tag":99,"props":1037,"children":1038},{"class":112},[1039],{"type":26,"value":133},{"type":14,"tag":99,"props":1041,"children":1042},{"class":106},[1043],{"type":26,"value":119},{"type":14,"tag":99,"props":1045,"children":1046},{"class":101,"line":230},[1047],{"type":14,"tag":99,"props":1048,"children":1049},{},[1050],{"type":26,"value":177},{"type":14,"tag":99,"props":1052,"children":1053},{"class":101,"line":272},[1054,1058,1062,1066,1070,1074,1079,1084,1088],{"type":14,"tag":99,"props":1055,"children":1056},{"class":106},[1057],{"type":26,"value":109},{"type":14,"tag":99,"props":1059,"children":1060},{"class":112},[1061],{"type":26,"value":133},{"type":14,"tag":99,"props":1063,"children":1064},{"class":106},[1065],{"type":26,"value":138},{"type":14,"tag":99,"props":1067,"children":1068},{"class":141},[1069],{"type":26,"value":144},{"type":14,"tag":99,"props":1071,"children":1072},{"class":106},[1073],{"type":26,"value":149},{"type":14,"tag":99,"props":1075,"children":1076},{"class":152},[1077],{"type":26,"value":1078},"\"_max-height:100vh\"",{"type":14,"tag":99,"props":1080,"children":1081},{"class":106},[1082],{"type":26,"value":1083},">100% Viewport Max Height\u003C/",{"type":14,"tag":99,"props":1085,"children":1086},{"class":112},[1087],{"type":26,"value":133},{"type":14,"tag":99,"props":1089,"children":1090},{"class":106},[1091],{"type":26,"value":387},{"type":14,"tag":1093,"children":1094},"style",[1095],{"type":26,"value":1096},".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":122,"depth":122,"links":1098},[1099],{"id":23,"depth":122,"text":9,"children":1100},[1101,1102,1103,1104,1105],{"id":63,"depth":171,"text":66},{"id":390,"depth":171,"text":393},{"id":683,"depth":171,"text":686},{"id":784,"depth":171,"text":787},{"id":885,"depth":171,"text":888},"markdown","content:docs:utilities:css:sizing.md","content","docs/utilities/css/sizing.md","md",1794582261732]