[{"data":1,"prerenderedAt":1904},["Reactive",2],{"content-query-JCg2Xti0mX":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":1899,"_id":1900,"_source":1901,"_file":1902,"_extension":1903},"/docs/ui/images","ui",false,"","Images - Inkline","Documentation and examples for images, using lightweight styles and modifier classes.",{"type":11,"children":12,"toc":1889},"root",[13,22,28,35,56,75,283,290,309,321,327,356,522,528,545,677,683,699,830,836,848,1099,1337,1491,1622,1628,1672,1884],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"images",[19],{"type":20,"value":21},"text","Images",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"documentation-and-examples-for-images-using-lightweight-styles-and-modifier-classes",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":32},"h3",{"id":31},"responsive-images",[33],{"type":20,"value":34},"Responsive Images",{"type":14,"tag":36,"props":37,"children":38},"p",{},[39,41,47,49,54],{"type":20,"value":40},"Images in Inkline can be made responsive using the ",{"type":14,"tag":42,"props":43,"children":44},"code-inline",{},[45],{"type":20,"value":46},".image",{"type":20,"value":48}," class and the ",{"type":14,"tag":42,"props":50,"children":51},{},[52],{"type":20,"value":53},".-responsive",{"type":20,"value":55}," modifier class.",{"type":14,"tag":36,"props":57,"children":58},{},[59,61,66,68,73],{"type":20,"value":60},"To achieve that, we apply ",{"type":14,"tag":42,"props":62,"children":63},{},[64],{"type":20,"value":65},"max-width: 100%;",{"type":20,"value":67}," and ",{"type":14,"tag":42,"props":69,"children":70},{},[71],{"type":20,"value":72},"height: auto;",{"type":20,"value":74}," to the image so that it scales with the parent element, without surpassing the image's maximum native width.",{"type":14,"tag":76,"props":77,"children":78},"content-tabs",{},[79,88],{"type":14,"tag":80,"props":81,"children":82},"template",{"v-slot:preview":7},[83],{"type":14,"tag":84,"props":85,"children":87},"content-preview",{"src":86},"/stories/core/images/responsive",[],{"type":14,"tag":80,"props":89,"children":90},{"v-slot:vue":7},[91],{"type":14,"tag":92,"props":93,"children":98},"code",{"className":94,"code":96,"language":97,"meta":7},[95],"language-vue","\u003Ctemplate>\n    \u003Cimg\n        src=\"../../../assets/images/placeholder-1000x400.jpg\"\n        width=\"1000\"\n        height=\"400\"\n        class=\"image -fluid\"\n        alt=\"Fluid image\"\n    />\n\u003C/template>\n\n","vue",[99],{"type":14,"tag":100,"props":101,"children":102},"pre",{},[103],{"type":14,"tag":92,"props":104,"children":105},{"__ignoreMap":7},[106,128,142,168,190,212,234,256,265],{"type":14,"tag":107,"props":108,"children":111},"span",{"class":109,"line":110},"line",1,[112,118,123],{"type":14,"tag":107,"props":113,"children":115},{"class":114},"ct-553616",[116],{"type":20,"value":117},"\u003C",{"type":14,"tag":107,"props":119,"children":121},{"class":120},"ct-914029",[122],{"type":20,"value":80},{"type":14,"tag":107,"props":124,"children":125},{"class":114},[126],{"type":20,"value":127},">\n",{"type":14,"tag":107,"props":129,"children":131},{"class":109,"line":130},2,[132,137],{"type":14,"tag":107,"props":133,"children":134},{"class":114},[135],{"type":20,"value":136},"    \u003C",{"type":14,"tag":107,"props":138,"children":139},{"class":120},[140],{"type":20,"value":141},"img\n",{"type":14,"tag":107,"props":143,"children":145},{"class":109,"line":144},3,[146,151,157,162],{"type":14,"tag":107,"props":147,"children":148},{"class":114},[149],{"type":20,"value":150},"        ",{"type":14,"tag":107,"props":152,"children":154},{"class":153},"ct-762058",[155],{"type":20,"value":156},"src",{"type":14,"tag":107,"props":158,"children":159},{"class":114},[160],{"type":20,"value":161},"=",{"type":14,"tag":107,"props":163,"children":165},{"class":164},"ct-952708",[166],{"type":20,"value":167},"\"../../../assets/images/placeholder-1000x400.jpg\"\n",{"type":14,"tag":107,"props":169,"children":171},{"class":109,"line":170},4,[172,176,181,185],{"type":14,"tag":107,"props":173,"children":174},{"class":114},[175],{"type":20,"value":150},{"type":14,"tag":107,"props":177,"children":178},{"class":153},[179],{"type":20,"value":180},"width",{"type":14,"tag":107,"props":182,"children":183},{"class":114},[184],{"type":20,"value":161},{"type":14,"tag":107,"props":186,"children":187},{"class":164},[188],{"type":20,"value":189},"\"1000\"\n",{"type":14,"tag":107,"props":191,"children":193},{"class":109,"line":192},5,[194,198,203,207],{"type":14,"tag":107,"props":195,"children":196},{"class":114},[197],{"type":20,"value":150},{"type":14,"tag":107,"props":199,"children":200},{"class":153},[201],{"type":20,"value":202},"height",{"type":14,"tag":107,"props":204,"children":205},{"class":114},[206],{"type":20,"value":161},{"type":14,"tag":107,"props":208,"children":209},{"class":164},[210],{"type":20,"value":211},"\"400\"\n",{"type":14,"tag":107,"props":213,"children":215},{"class":109,"line":214},6,[216,220,225,229],{"type":14,"tag":107,"props":217,"children":218},{"class":114},[219],{"type":20,"value":150},{"type":14,"tag":107,"props":221,"children":222},{"class":153},[223],{"type":20,"value":224},"class",{"type":14,"tag":107,"props":226,"children":227},{"class":114},[228],{"type":20,"value":161},{"type":14,"tag":107,"props":230,"children":231},{"class":164},[232],{"type":20,"value":233},"\"image -fluid\"\n",{"type":14,"tag":107,"props":235,"children":237},{"class":109,"line":236},7,[238,242,247,251],{"type":14,"tag":107,"props":239,"children":240},{"class":114},[241],{"type":20,"value":150},{"type":14,"tag":107,"props":243,"children":244},{"class":153},[245],{"type":20,"value":246},"alt",{"type":14,"tag":107,"props":248,"children":249},{"class":114},[250],{"type":20,"value":161},{"type":14,"tag":107,"props":252,"children":253},{"class":164},[254],{"type":20,"value":255},"\"Fluid image\"\n",{"type":14,"tag":107,"props":257,"children":259},{"class":109,"line":258},8,[260],{"type":14,"tag":107,"props":261,"children":262},{"class":114},[263],{"type":20,"value":264},"    />\n",{"type":14,"tag":107,"props":266,"children":268},{"class":109,"line":267},9,[269,274,278],{"type":14,"tag":107,"props":270,"children":271},{"class":114},[272],{"type":20,"value":273},"\u003C/",{"type":14,"tag":107,"props":275,"children":276},{"class":120},[277],{"type":20,"value":80},{"type":14,"tag":107,"props":279,"children":280},{"class":114},[281],{"type":20,"value":282},">",{"type":14,"tag":284,"props":285,"children":287},"h4",{"id":286},"svg-images-and-ie-10",[288],{"type":20,"value":289},"SVG Images and IE 10",{"type":14,"tag":36,"props":291,"children":292},{},[293,295,300,302,307],{"type":20,"value":294},"In Internet Explorer 10, SVG images with ",{"type":14,"tag":42,"props":296,"children":297},{},[298],{"type":20,"value":299},".image.-responsive",{"type":20,"value":301}," are disproportionately sized. To fix this, Inkline adds ",{"type":14,"tag":42,"props":303,"children":304},{},[305],{"type":20,"value":306},"width: 100% \\9;",{"type":20,"value":308}," where necessary.",{"type":14,"tag":36,"props":310,"children":311},{},[312,314,319],{"type":20,"value":313},"This fix improperly sizes other image formats, so we don’t apply it automatically unless the extension ends with ",{"type":14,"tag":42,"props":315,"children":316},{},[317],{"type":20,"value":318},".svg",{"type":20,"value":320},".",{"type":14,"tag":29,"props":322,"children":324},{"id":323},"fluid-images",[325],{"type":20,"value":326},"Fluid Images",{"type":14,"tag":36,"props":328,"children":329},{},[330,332,336,337,342,344,349,350,354],{"type":20,"value":331},"Images in Inkline can be made fluid using the ",{"type":14,"tag":42,"props":333,"children":334},{},[335],{"type":20,"value":46},{"type":20,"value":48},{"type":14,"tag":42,"props":338,"children":339},{},[340],{"type":20,"value":341},".-fluid",{"type":20,"value":343}," modifier class. To achieve that, we apply ",{"type":14,"tag":42,"props":345,"children":346},{},[347],{"type":20,"value":348},"width: 100%;",{"type":20,"value":67},{"type":14,"tag":42,"props":351,"children":352},{},[353],{"type":20,"value":72},{"type":20,"value":355}," to the image so that it scales with the parent element.",{"type":14,"tag":76,"props":357,"children":358},{},[359,366],{"type":14,"tag":80,"props":360,"children":361},{"v-slot:preview":7},[362],{"type":14,"tag":84,"props":363,"children":365},{"src":364},"/stories/core/images/fluid",[],{"type":14,"tag":80,"props":367,"children":368},{"v-slot:vue":7},[369],{"type":14,"tag":92,"props":370,"children":372},{"className":371,"code":96,"language":97,"meta":7},[95],[373],{"type":14,"tag":100,"props":374,"children":375},{},[376],{"type":14,"tag":92,"props":377,"children":378},{"__ignoreMap":7},[379,394,405,424,443,462,481,500,507],{"type":14,"tag":107,"props":380,"children":381},{"class":109,"line":110},[382,386,390],{"type":14,"tag":107,"props":383,"children":384},{"class":114},[385],{"type":20,"value":117},{"type":14,"tag":107,"props":387,"children":388},{"class":120},[389],{"type":20,"value":80},{"type":14,"tag":107,"props":391,"children":392},{"class":114},[393],{"type":20,"value":127},{"type":14,"tag":107,"props":395,"children":396},{"class":109,"line":130},[397,401],{"type":14,"tag":107,"props":398,"children":399},{"class":114},[400],{"type":20,"value":136},{"type":14,"tag":107,"props":402,"children":403},{"class":120},[404],{"type":20,"value":141},{"type":14,"tag":107,"props":406,"children":407},{"class":109,"line":144},[408,412,416,420],{"type":14,"tag":107,"props":409,"children":410},{"class":114},[411],{"type":20,"value":150},{"type":14,"tag":107,"props":413,"children":414},{"class":153},[415],{"type":20,"value":156},{"type":14,"tag":107,"props":417,"children":418},{"class":114},[419],{"type":20,"value":161},{"type":14,"tag":107,"props":421,"children":422},{"class":164},[423],{"type":20,"value":167},{"type":14,"tag":107,"props":425,"children":426},{"class":109,"line":170},[427,431,435,439],{"type":14,"tag":107,"props":428,"children":429},{"class":114},[430],{"type":20,"value":150},{"type":14,"tag":107,"props":432,"children":433},{"class":153},[434],{"type":20,"value":180},{"type":14,"tag":107,"props":436,"children":437},{"class":114},[438],{"type":20,"value":161},{"type":14,"tag":107,"props":440,"children":441},{"class":164},[442],{"type":20,"value":189},{"type":14,"tag":107,"props":444,"children":445},{"class":109,"line":192},[446,450,454,458],{"type":14,"tag":107,"props":447,"children":448},{"class":114},[449],{"type":20,"value":150},{"type":14,"tag":107,"props":451,"children":452},{"class":153},[453],{"type":20,"value":202},{"type":14,"tag":107,"props":455,"children":456},{"class":114},[457],{"type":20,"value":161},{"type":14,"tag":107,"props":459,"children":460},{"class":164},[461],{"type":20,"value":211},{"type":14,"tag":107,"props":463,"children":464},{"class":109,"line":214},[465,469,473,477],{"type":14,"tag":107,"props":466,"children":467},{"class":114},[468],{"type":20,"value":150},{"type":14,"tag":107,"props":470,"children":471},{"class":153},[472],{"type":20,"value":224},{"type":14,"tag":107,"props":474,"children":475},{"class":114},[476],{"type":20,"value":161},{"type":14,"tag":107,"props":478,"children":479},{"class":164},[480],{"type":20,"value":233},{"type":14,"tag":107,"props":482,"children":483},{"class":109,"line":236},[484,488,492,496],{"type":14,"tag":107,"props":485,"children":486},{"class":114},[487],{"type":20,"value":150},{"type":14,"tag":107,"props":489,"children":490},{"class":153},[491],{"type":20,"value":246},{"type":14,"tag":107,"props":493,"children":494},{"class":114},[495],{"type":20,"value":161},{"type":14,"tag":107,"props":497,"children":498},{"class":164},[499],{"type":20,"value":255},{"type":14,"tag":107,"props":501,"children":502},{"class":109,"line":258},[503],{"type":14,"tag":107,"props":504,"children":505},{"class":114},[506],{"type":20,"value":264},{"type":14,"tag":107,"props":508,"children":509},{"class":109,"line":267},[510,514,518],{"type":14,"tag":107,"props":511,"children":512},{"class":114},[513],{"type":20,"value":273},{"type":14,"tag":107,"props":515,"children":516},{"class":120},[517],{"type":20,"value":80},{"type":14,"tag":107,"props":519,"children":520},{"class":114},[521],{"type":20,"value":282},{"type":14,"tag":29,"props":523,"children":525},{"id":524},"image-thumbnails",[526],{"type":20,"value":527},"Image Thumbnails",{"type":14,"tag":36,"props":529,"children":530},{},[531,533,537,538,543],{"type":20,"value":532},"You can use the ",{"type":14,"tag":42,"props":534,"children":535},{},[536],{"type":20,"value":46},{"type":20,"value":48},{"type":14,"tag":42,"props":539,"children":540},{},[541],{"type":20,"value":542},".-thumbnail",{"type":20,"value":544}," modifier class to give an image a rounded 1px border appearance.",{"type":14,"tag":76,"props":546,"children":547},{},[548,555],{"type":14,"tag":80,"props":549,"children":550},{"v-slot:preview":7},[551],{"type":14,"tag":84,"props":552,"children":554},{"src":553},"/stories/core/images/thumbnail",[],{"type":14,"tag":80,"props":556,"children":557},{"v-slot:vue":7},[558],{"type":14,"tag":92,"props":559,"children":562},{"className":560,"code":561,"language":97,"meta":7},[95],"\u003Ctemplate>\n    \u003Cimg\n        src=\"../../../assets/images/placeholder-400x400.jpg\"\n        class=\"image -thumbnail\"\n        alt=\"Thumbnail\"\n    />\n\u003C/template>\n\n",[563],{"type":14,"tag":100,"props":564,"children":565},{},[566],{"type":14,"tag":92,"props":567,"children":568},{"__ignoreMap":7},[569,584,595,615,635,655,662],{"type":14,"tag":107,"props":570,"children":571},{"class":109,"line":110},[572,576,580],{"type":14,"tag":107,"props":573,"children":574},{"class":114},[575],{"type":20,"value":117},{"type":14,"tag":107,"props":577,"children":578},{"class":120},[579],{"type":20,"value":80},{"type":14,"tag":107,"props":581,"children":582},{"class":114},[583],{"type":20,"value":127},{"type":14,"tag":107,"props":585,"children":586},{"class":109,"line":130},[587,591],{"type":14,"tag":107,"props":588,"children":589},{"class":114},[590],{"type":20,"value":136},{"type":14,"tag":107,"props":592,"children":593},{"class":120},[594],{"type":20,"value":141},{"type":14,"tag":107,"props":596,"children":597},{"class":109,"line":144},[598,602,606,610],{"type":14,"tag":107,"props":599,"children":600},{"class":114},[601],{"type":20,"value":150},{"type":14,"tag":107,"props":603,"children":604},{"class":153},[605],{"type":20,"value":156},{"type":14,"tag":107,"props":607,"children":608},{"class":114},[609],{"type":20,"value":161},{"type":14,"tag":107,"props":611,"children":612},{"class":164},[613],{"type":20,"value":614},"\"../../../assets/images/placeholder-400x400.jpg\"\n",{"type":14,"tag":107,"props":616,"children":617},{"class":109,"line":170},[618,622,626,630],{"type":14,"tag":107,"props":619,"children":620},{"class":114},[621],{"type":20,"value":150},{"type":14,"tag":107,"props":623,"children":624},{"class":153},[625],{"type":20,"value":224},{"type":14,"tag":107,"props":627,"children":628},{"class":114},[629],{"type":20,"value":161},{"type":14,"tag":107,"props":631,"children":632},{"class":164},[633],{"type":20,"value":634},"\"image -thumbnail\"\n",{"type":14,"tag":107,"props":636,"children":637},{"class":109,"line":192},[638,642,646,650],{"type":14,"tag":107,"props":639,"children":640},{"class":114},[641],{"type":20,"value":150},{"type":14,"tag":107,"props":643,"children":644},{"class":153},[645],{"type":20,"value":246},{"type":14,"tag":107,"props":647,"children":648},{"class":114},[649],{"type":20,"value":161},{"type":14,"tag":107,"props":651,"children":652},{"class":164},[653],{"type":20,"value":654},"\"Thumbnail\"\n",{"type":14,"tag":107,"props":656,"children":657},{"class":109,"line":214},[658],{"type":14,"tag":107,"props":659,"children":660},{"class":114},[661],{"type":20,"value":264},{"type":14,"tag":107,"props":663,"children":664},{"class":109,"line":236},[665,669,673],{"type":14,"tag":107,"props":666,"children":667},{"class":114},[668],{"type":20,"value":273},{"type":14,"tag":107,"props":670,"children":671},{"class":120},[672],{"type":20,"value":80},{"type":14,"tag":107,"props":674,"children":675},{"class":114},[676],{"type":20,"value":282},{"type":14,"tag":29,"props":678,"children":680},{"id":679},"polaroid",[681],{"type":20,"value":682},"Polaroid",{"type":14,"tag":36,"props":684,"children":685},{},[686,688,692,693,698],{"type":20,"value":687},"Besides thumbnails, you can opt for a retro look having a larger bottom border using the ",{"type":14,"tag":42,"props":689,"children":690},{},[691],{"type":20,"value":46},{"type":20,"value":48},{"type":14,"tag":42,"props":694,"children":695},{},[696],{"type":20,"value":697},".-polaroid",{"type":20,"value":55},{"type":14,"tag":76,"props":700,"children":701},{},[702,709],{"type":14,"tag":80,"props":703,"children":704},{"v-slot:preview":7},[705],{"type":14,"tag":84,"props":706,"children":708},{"src":707},"/stories/core/images/polaroid",[],{"type":14,"tag":80,"props":710,"children":711},{"v-slot:vue":7},[712],{"type":14,"tag":92,"props":713,"children":716},{"className":714,"code":715,"language":97,"meta":7},[95],"\u003Ctemplate>\n    \u003Cimg\n        src=\"../../../assets/images/placeholder-400x400.jpg\"\n        class=\"image -polaroid\"\n        alt=\"Polaroid\"\n    />\n\u003C/template>\n\n",[717],{"type":14,"tag":100,"props":718,"children":719},{},[720],{"type":14,"tag":92,"props":721,"children":722},{"__ignoreMap":7},[723,738,749,768,788,808,815],{"type":14,"tag":107,"props":724,"children":725},{"class":109,"line":110},[726,730,734],{"type":14,"tag":107,"props":727,"children":728},{"class":114},[729],{"type":20,"value":117},{"type":14,"tag":107,"props":731,"children":732},{"class":120},[733],{"type":20,"value":80},{"type":14,"tag":107,"props":735,"children":736},{"class":114},[737],{"type":20,"value":127},{"type":14,"tag":107,"props":739,"children":740},{"class":109,"line":130},[741,745],{"type":14,"tag":107,"props":742,"children":743},{"class":114},[744],{"type":20,"value":136},{"type":14,"tag":107,"props":746,"children":747},{"class":120},[748],{"type":20,"value":141},{"type":14,"tag":107,"props":750,"children":751},{"class":109,"line":144},[752,756,760,764],{"type":14,"tag":107,"props":753,"children":754},{"class":114},[755],{"type":20,"value":150},{"type":14,"tag":107,"props":757,"children":758},{"class":153},[759],{"type":20,"value":156},{"type":14,"tag":107,"props":761,"children":762},{"class":114},[763],{"type":20,"value":161},{"type":14,"tag":107,"props":765,"children":766},{"class":164},[767],{"type":20,"value":614},{"type":14,"tag":107,"props":769,"children":770},{"class":109,"line":170},[771,775,779,783],{"type":14,"tag":107,"props":772,"children":773},{"class":114},[774],{"type":20,"value":150},{"type":14,"tag":107,"props":776,"children":777},{"class":153},[778],{"type":20,"value":224},{"type":14,"tag":107,"props":780,"children":781},{"class":114},[782],{"type":20,"value":161},{"type":14,"tag":107,"props":784,"children":785},{"class":164},[786],{"type":20,"value":787},"\"image -polaroid\"\n",{"type":14,"tag":107,"props":789,"children":790},{"class":109,"line":192},[791,795,799,803],{"type":14,"tag":107,"props":792,"children":793},{"class":114},[794],{"type":20,"value":150},{"type":14,"tag":107,"props":796,"children":797},{"class":153},[798],{"type":20,"value":246},{"type":14,"tag":107,"props":800,"children":801},{"class":114},[802],{"type":20,"value":161},{"type":14,"tag":107,"props":804,"children":805},{"class":164},[806],{"type":20,"value":807},"\"Polaroid\"\n",{"type":14,"tag":107,"props":809,"children":810},{"class":109,"line":214},[811],{"type":14,"tag":107,"props":812,"children":813},{"class":114},[814],{"type":20,"value":264},{"type":14,"tag":107,"props":816,"children":817},{"class":109,"line":236},[818,822,826],{"type":14,"tag":107,"props":819,"children":820},{"class":114},[821],{"type":20,"value":273},{"type":14,"tag":107,"props":823,"children":824},{"class":120},[825],{"type":20,"value":80},{"type":14,"tag":107,"props":827,"children":828},{"class":114},[829],{"type":20,"value":282},{"type":14,"tag":29,"props":831,"children":833},{"id":832},"image-alignment",[834],{"type":20,"value":835},"Image Alignment",{"type":14,"tag":36,"props":837,"children":838},{},[839,841,846],{"type":20,"value":840},"Align images with the helper classes or text alignment classes. Block-level images can be centered using the ",{"type":14,"tag":42,"props":842,"children":843},{},[844],{"type":20,"value":845},"._margin-x:auto",{"type":20,"value":847}," margin utility class.",{"type":14,"tag":76,"props":849,"children":850},{},[851,858],{"type":14,"tag":80,"props":852,"children":853},{"v-slot:preview":7},[854],{"type":14,"tag":84,"props":855,"children":857},{"src":856},"/stories/core/images/alignment-left",[],{"type":14,"tag":80,"props":859,"children":860},{"v-slot:vue":7},[861],{"type":14,"tag":92,"props":862,"children":865},{"className":863,"code":864,"language":97,"meta":7},[95],"\u003Ctemplate>\n    \u003Cp>\n        \u003Cimg\n            src=\"../../../assets/images/placeholder-400x400.jpg\"\n            width=\"120\"\n            height=\"120\"\n            class=\"image _float:left\"\n            alt=\"Left floating image\"\n        />\n        Inkline is making this image float on the left side of the text. Inkline provides you with\n        useful helper classes for positioning page elements such as images. The text will flow to\n        the right and underneath this image, something you will find useful when adding left or\n        right aligned images to a blog article. It is common to also add a right and bottom padding\n        to the image.\n    \u003C/p>\n\u003C/template>\n\n",[866],{"type":14,"tag":100,"props":867,"children":868},{},[869],{"type":14,"tag":92,"props":870,"children":871},{"__ignoreMap":7},[872,887,902,914,934,954,973,993,1013,1021,1030,1039,1048,1057,1066,1083],{"type":14,"tag":107,"props":873,"children":874},{"class":109,"line":110},[875,879,883],{"type":14,"tag":107,"props":876,"children":877},{"class":114},[878],{"type":20,"value":117},{"type":14,"tag":107,"props":880,"children":881},{"class":120},[882],{"type":20,"value":80},{"type":14,"tag":107,"props":884,"children":885},{"class":114},[886],{"type":20,"value":127},{"type":14,"tag":107,"props":888,"children":889},{"class":109,"line":130},[890,894,898],{"type":14,"tag":107,"props":891,"children":892},{"class":114},[893],{"type":20,"value":136},{"type":14,"tag":107,"props":895,"children":896},{"class":120},[897],{"type":20,"value":36},{"type":14,"tag":107,"props":899,"children":900},{"class":114},[901],{"type":20,"value":127},{"type":14,"tag":107,"props":903,"children":904},{"class":109,"line":144},[905,910],{"type":14,"tag":107,"props":906,"children":907},{"class":114},[908],{"type":20,"value":909},"        \u003C",{"type":14,"tag":107,"props":911,"children":912},{"class":120},[913],{"type":20,"value":141},{"type":14,"tag":107,"props":915,"children":916},{"class":109,"line":170},[917,922,926,930],{"type":14,"tag":107,"props":918,"children":919},{"class":114},[920],{"type":20,"value":921},"            ",{"type":14,"tag":107,"props":923,"children":924},{"class":153},[925],{"type":20,"value":156},{"type":14,"tag":107,"props":927,"children":928},{"class":114},[929],{"type":20,"value":161},{"type":14,"tag":107,"props":931,"children":932},{"class":164},[933],{"type":20,"value":614},{"type":14,"tag":107,"props":935,"children":936},{"class":109,"line":192},[937,941,945,949],{"type":14,"tag":107,"props":938,"children":939},{"class":114},[940],{"type":20,"value":921},{"type":14,"tag":107,"props":942,"children":943},{"class":153},[944],{"type":20,"value":180},{"type":14,"tag":107,"props":946,"children":947},{"class":114},[948],{"type":20,"value":161},{"type":14,"tag":107,"props":950,"children":951},{"class":164},[952],{"type":20,"value":953},"\"120\"\n",{"type":14,"tag":107,"props":955,"children":956},{"class":109,"line":214},[957,961,965,969],{"type":14,"tag":107,"props":958,"children":959},{"class":114},[960],{"type":20,"value":921},{"type":14,"tag":107,"props":962,"children":963},{"class":153},[964],{"type":20,"value":202},{"type":14,"tag":107,"props":966,"children":967},{"class":114},[968],{"type":20,"value":161},{"type":14,"tag":107,"props":970,"children":971},{"class":164},[972],{"type":20,"value":953},{"type":14,"tag":107,"props":974,"children":975},{"class":109,"line":236},[976,980,984,988],{"type":14,"tag":107,"props":977,"children":978},{"class":114},[979],{"type":20,"value":921},{"type":14,"tag":107,"props":981,"children":982},{"class":153},[983],{"type":20,"value":224},{"type":14,"tag":107,"props":985,"children":986},{"class":114},[987],{"type":20,"value":161},{"type":14,"tag":107,"props":989,"children":990},{"class":164},[991],{"type":20,"value":992},"\"image _float:left\"\n",{"type":14,"tag":107,"props":994,"children":995},{"class":109,"line":258},[996,1000,1004,1008],{"type":14,"tag":107,"props":997,"children":998},{"class":114},[999],{"type":20,"value":921},{"type":14,"tag":107,"props":1001,"children":1002},{"class":153},[1003],{"type":20,"value":246},{"type":14,"tag":107,"props":1005,"children":1006},{"class":114},[1007],{"type":20,"value":161},{"type":14,"tag":107,"props":1009,"children":1010},{"class":164},[1011],{"type":20,"value":1012},"\"Left floating image\"\n",{"type":14,"tag":107,"props":1014,"children":1015},{"class":109,"line":267},[1016],{"type":14,"tag":107,"props":1017,"children":1018},{"class":114},[1019],{"type":20,"value":1020},"        />\n",{"type":14,"tag":107,"props":1022,"children":1024},{"class":109,"line":1023},10,[1025],{"type":14,"tag":107,"props":1026,"children":1027},{"class":114},[1028],{"type":20,"value":1029},"        Inkline is making this image float on the left side of the text. Inkline provides you with\n",{"type":14,"tag":107,"props":1031,"children":1033},{"class":109,"line":1032},11,[1034],{"type":14,"tag":107,"props":1035,"children":1036},{"class":114},[1037],{"type":20,"value":1038},"        useful helper classes for positioning page elements such as images. The text will flow to\n",{"type":14,"tag":107,"props":1040,"children":1042},{"class":109,"line":1041},12,[1043],{"type":14,"tag":107,"props":1044,"children":1045},{"class":114},[1046],{"type":20,"value":1047},"        the right and underneath this image, something you will find useful when adding left or\n",{"type":14,"tag":107,"props":1049,"children":1051},{"class":109,"line":1050},13,[1052],{"type":14,"tag":107,"props":1053,"children":1054},{"class":114},[1055],{"type":20,"value":1056},"        right aligned images to a blog article. It is common to also add a right and bottom padding\n",{"type":14,"tag":107,"props":1058,"children":1060},{"class":109,"line":1059},14,[1061],{"type":14,"tag":107,"props":1062,"children":1063},{"class":114},[1064],{"type":20,"value":1065},"        to the image.\n",{"type":14,"tag":107,"props":1067,"children":1069},{"class":109,"line":1068},15,[1070,1075,1079],{"type":14,"tag":107,"props":1071,"children":1072},{"class":114},[1073],{"type":20,"value":1074},"    \u003C/",{"type":14,"tag":107,"props":1076,"children":1077},{"class":120},[1078],{"type":20,"value":36},{"type":14,"tag":107,"props":1080,"children":1081},{"class":114},[1082],{"type":20,"value":127},{"type":14,"tag":107,"props":1084,"children":1086},{"class":109,"line":1085},16,[1087,1091,1095],{"type":14,"tag":107,"props":1088,"children":1089},{"class":114},[1090],{"type":20,"value":273},{"type":14,"tag":107,"props":1092,"children":1093},{"class":120},[1094],{"type":20,"value":80},{"type":14,"tag":107,"props":1096,"children":1097},{"class":114},[1098],{"type":20,"value":282},{"type":14,"tag":76,"props":1100,"children":1101},{},[1102,1109],{"type":14,"tag":80,"props":1103,"children":1104},{"v-slot:preview":7},[1105],{"type":14,"tag":84,"props":1106,"children":1108},{"src":1107},"/stories/core/images/alignment-right",[],{"type":14,"tag":80,"props":1110,"children":1111},{"v-slot:vue":7},[1112],{"type":14,"tag":92,"props":1113,"children":1116},{"className":1114,"code":1115,"language":97,"meta":7},[95],"\u003Ctemplate>\n    \u003Cp>\n        \u003Cimg\n            src=\"../../../assets/images/placeholder-400x400.jpg\"\n            width=\"120\"\n            height=\"120\"\n            class=\"image _float:right\"\n            alt=\"Right floating image\"\n        />\n        Inkline is making this image float on the right side of the text. Inkline provides you with\n        useful helper classes for positioning page elements such as images. The text will flow to\n        the left and underneath this image, something you will find useful when adding left or right\n        aligned images to a blog article. It is common to also add a left and bottom padding to the\n        image.\n    \u003C/p>\n\u003C/template>\n\n",[1117],{"type":14,"tag":100,"props":1118,"children":1119},{},[1120],{"type":14,"tag":92,"props":1121,"children":1122},{"__ignoreMap":7},[1123,1138,1153,1164,1183,1202,1221,1241,1261,1268,1276,1283,1291,1299,1307,1322],{"type":14,"tag":107,"props":1124,"children":1125},{"class":109,"line":110},[1126,1130,1134],{"type":14,"tag":107,"props":1127,"children":1128},{"class":114},[1129],{"type":20,"value":117},{"type":14,"tag":107,"props":1131,"children":1132},{"class":120},[1133],{"type":20,"value":80},{"type":14,"tag":107,"props":1135,"children":1136},{"class":114},[1137],{"type":20,"value":127},{"type":14,"tag":107,"props":1139,"children":1140},{"class":109,"line":130},[1141,1145,1149],{"type":14,"tag":107,"props":1142,"children":1143},{"class":114},[1144],{"type":20,"value":136},{"type":14,"tag":107,"props":1146,"children":1147},{"class":120},[1148],{"type":20,"value":36},{"type":14,"tag":107,"props":1150,"children":1151},{"class":114},[1152],{"type":20,"value":127},{"type":14,"tag":107,"props":1154,"children":1155},{"class":109,"line":144},[1156,1160],{"type":14,"tag":107,"props":1157,"children":1158},{"class":114},[1159],{"type":20,"value":909},{"type":14,"tag":107,"props":1161,"children":1162},{"class":120},[1163],{"type":20,"value":141},{"type":14,"tag":107,"props":1165,"children":1166},{"class":109,"line":170},[1167,1171,1175,1179],{"type":14,"tag":107,"props":1168,"children":1169},{"class":114},[1170],{"type":20,"value":921},{"type":14,"tag":107,"props":1172,"children":1173},{"class":153},[1174],{"type":20,"value":156},{"type":14,"tag":107,"props":1176,"children":1177},{"class":114},[1178],{"type":20,"value":161},{"type":14,"tag":107,"props":1180,"children":1181},{"class":164},[1182],{"type":20,"value":614},{"type":14,"tag":107,"props":1184,"children":1185},{"class":109,"line":192},[1186,1190,1194,1198],{"type":14,"tag":107,"props":1187,"children":1188},{"class":114},[1189],{"type":20,"value":921},{"type":14,"tag":107,"props":1191,"children":1192},{"class":153},[1193],{"type":20,"value":180},{"type":14,"tag":107,"props":1195,"children":1196},{"class":114},[1197],{"type":20,"value":161},{"type":14,"tag":107,"props":1199,"children":1200},{"class":164},[1201],{"type":20,"value":953},{"type":14,"tag":107,"props":1203,"children":1204},{"class":109,"line":214},[1205,1209,1213,1217],{"type":14,"tag":107,"props":1206,"children":1207},{"class":114},[1208],{"type":20,"value":921},{"type":14,"tag":107,"props":1210,"children":1211},{"class":153},[1212],{"type":20,"value":202},{"type":14,"tag":107,"props":1214,"children":1215},{"class":114},[1216],{"type":20,"value":161},{"type":14,"tag":107,"props":1218,"children":1219},{"class":164},[1220],{"type":20,"value":953},{"type":14,"tag":107,"props":1222,"children":1223},{"class":109,"line":236},[1224,1228,1232,1236],{"type":14,"tag":107,"props":1225,"children":1226},{"class":114},[1227],{"type":20,"value":921},{"type":14,"tag":107,"props":1229,"children":1230},{"class":153},[1231],{"type":20,"value":224},{"type":14,"tag":107,"props":1233,"children":1234},{"class":114},[1235],{"type":20,"value":161},{"type":14,"tag":107,"props":1237,"children":1238},{"class":164},[1239],{"type":20,"value":1240},"\"image _float:right\"\n",{"type":14,"tag":107,"props":1242,"children":1243},{"class":109,"line":258},[1244,1248,1252,1256],{"type":14,"tag":107,"props":1245,"children":1246},{"class":114},[1247],{"type":20,"value":921},{"type":14,"tag":107,"props":1249,"children":1250},{"class":153},[1251],{"type":20,"value":246},{"type":14,"tag":107,"props":1253,"children":1254},{"class":114},[1255],{"type":20,"value":161},{"type":14,"tag":107,"props":1257,"children":1258},{"class":164},[1259],{"type":20,"value":1260},"\"Right floating image\"\n",{"type":14,"tag":107,"props":1262,"children":1263},{"class":109,"line":267},[1264],{"type":14,"tag":107,"props":1265,"children":1266},{"class":114},[1267],{"type":20,"value":1020},{"type":14,"tag":107,"props":1269,"children":1270},{"class":109,"line":1023},[1271],{"type":14,"tag":107,"props":1272,"children":1273},{"class":114},[1274],{"type":20,"value":1275},"        Inkline is making this image float on the right side of the text. Inkline provides you with\n",{"type":14,"tag":107,"props":1277,"children":1278},{"class":109,"line":1032},[1279],{"type":14,"tag":107,"props":1280,"children":1281},{"class":114},[1282],{"type":20,"value":1038},{"type":14,"tag":107,"props":1284,"children":1285},{"class":109,"line":1041},[1286],{"type":14,"tag":107,"props":1287,"children":1288},{"class":114},[1289],{"type":20,"value":1290},"        the left and underneath this image, something you will find useful when adding left or right\n",{"type":14,"tag":107,"props":1292,"children":1293},{"class":109,"line":1050},[1294],{"type":14,"tag":107,"props":1295,"children":1296},{"class":114},[1297],{"type":20,"value":1298},"        aligned images to a blog article. It is common to also add a left and bottom padding to the\n",{"type":14,"tag":107,"props":1300,"children":1301},{"class":109,"line":1059},[1302],{"type":14,"tag":107,"props":1303,"children":1304},{"class":114},[1305],{"type":20,"value":1306},"        image.\n",{"type":14,"tag":107,"props":1308,"children":1309},{"class":109,"line":1068},[1310,1314,1318],{"type":14,"tag":107,"props":1311,"children":1312},{"class":114},[1313],{"type":20,"value":1074},{"type":14,"tag":107,"props":1315,"children":1316},{"class":120},[1317],{"type":20,"value":36},{"type":14,"tag":107,"props":1319,"children":1320},{"class":114},[1321],{"type":20,"value":127},{"type":14,"tag":107,"props":1323,"children":1324},{"class":109,"line":1085},[1325,1329,1333],{"type":14,"tag":107,"props":1326,"children":1327},{"class":114},[1328],{"type":20,"value":273},{"type":14,"tag":107,"props":1330,"children":1331},{"class":120},[1332],{"type":20,"value":80},{"type":14,"tag":107,"props":1334,"children":1335},{"class":114},[1336],{"type":20,"value":282},{"type":14,"tag":76,"props":1338,"children":1339},{},[1340,1347],{"type":14,"tag":80,"props":1341,"children":1342},{"v-slot:preview":7},[1343],{"type":14,"tag":84,"props":1344,"children":1346},{"src":1345},"/stories/core/images/alignment-center",[],{"type":14,"tag":80,"props":1348,"children":1349},{"v-slot:vue":7},[1350],{"type":14,"tag":92,"props":1351,"children":1354},{"className":1352,"code":1353,"language":97,"meta":7},[95],"\u003Ctemplate>\n    \u003Cdiv class=\"_text:center\">\n        \u003Cimg src=\"../../../assets/images/placeholder-400x400.jpg\" alt=\"Centered image\" />\n    \u003C/div>\n\u003C/template>\n\n",[1355],{"type":14,"tag":100,"props":1356,"children":1357},{},[1358],{"type":14,"tag":92,"props":1359,"children":1360},{"__ignoreMap":7},[1361,1376,1410,1461,1476],{"type":14,"tag":107,"props":1362,"children":1363},{"class":109,"line":110},[1364,1368,1372],{"type":14,"tag":107,"props":1365,"children":1366},{"class":114},[1367],{"type":20,"value":117},{"type":14,"tag":107,"props":1369,"children":1370},{"class":120},[1371],{"type":20,"value":80},{"type":14,"tag":107,"props":1373,"children":1374},{"class":114},[1375],{"type":20,"value":127},{"type":14,"tag":107,"props":1377,"children":1378},{"class":109,"line":130},[1379,1383,1388,1393,1397,1401,1406],{"type":14,"tag":107,"props":1380,"children":1381},{"class":114},[1382],{"type":20,"value":136},{"type":14,"tag":107,"props":1384,"children":1385},{"class":120},[1386],{"type":20,"value":1387},"div",{"type":14,"tag":107,"props":1389,"children":1390},{"class":114},[1391],{"type":20,"value":1392}," ",{"type":14,"tag":107,"props":1394,"children":1395},{"class":153},[1396],{"type":20,"value":224},{"type":14,"tag":107,"props":1398,"children":1399},{"class":114},[1400],{"type":20,"value":161},{"type":14,"tag":107,"props":1402,"children":1403},{"class":164},[1404],{"type":20,"value":1405},"\"_text:center\"",{"type":14,"tag":107,"props":1407,"children":1408},{"class":114},[1409],{"type":20,"value":127},{"type":14,"tag":107,"props":1411,"children":1412},{"class":109,"line":144},[1413,1417,1422,1426,1430,1434,1439,1443,1447,1451,1456],{"type":14,"tag":107,"props":1414,"children":1415},{"class":114},[1416],{"type":20,"value":909},{"type":14,"tag":107,"props":1418,"children":1419},{"class":120},[1420],{"type":20,"value":1421},"img",{"type":14,"tag":107,"props":1423,"children":1424},{"class":114},[1425],{"type":20,"value":1392},{"type":14,"tag":107,"props":1427,"children":1428},{"class":153},[1429],{"type":20,"value":156},{"type":14,"tag":107,"props":1431,"children":1432},{"class":114},[1433],{"type":20,"value":161},{"type":14,"tag":107,"props":1435,"children":1436},{"class":164},[1437],{"type":20,"value":1438},"\"../../../assets/images/placeholder-400x400.jpg\"",{"type":14,"tag":107,"props":1440,"children":1441},{"class":114},[1442],{"type":20,"value":1392},{"type":14,"tag":107,"props":1444,"children":1445},{"class":153},[1446],{"type":20,"value":246},{"type":14,"tag":107,"props":1448,"children":1449},{"class":114},[1450],{"type":20,"value":161},{"type":14,"tag":107,"props":1452,"children":1453},{"class":164},[1454],{"type":20,"value":1455},"\"Centered image\"",{"type":14,"tag":107,"props":1457,"children":1458},{"class":114},[1459],{"type":20,"value":1460}," />\n",{"type":14,"tag":107,"props":1462,"children":1463},{"class":109,"line":170},[1464,1468,1472],{"type":14,"tag":107,"props":1465,"children":1466},{"class":114},[1467],{"type":20,"value":1074},{"type":14,"tag":107,"props":1469,"children":1470},{"class":120},[1471],{"type":20,"value":1387},{"type":14,"tag":107,"props":1473,"children":1474},{"class":114},[1475],{"type":20,"value":127},{"type":14,"tag":107,"props":1477,"children":1478},{"class":109,"line":192},[1479,1483,1487],{"type":14,"tag":107,"props":1480,"children":1481},{"class":114},[1482],{"type":20,"value":273},{"type":14,"tag":107,"props":1484,"children":1485},{"class":120},[1486],{"type":20,"value":80},{"type":14,"tag":107,"props":1488,"children":1489},{"class":114},[1490],{"type":20,"value":282},{"type":14,"tag":76,"props":1492,"children":1493},{},[1494,1501],{"type":14,"tag":80,"props":1495,"children":1496},{"v-slot:preview":7},[1497],{"type":14,"tag":84,"props":1498,"children":1500},{"src":1499},"/stories/core/images/alignment-margin-auto",[],{"type":14,"tag":80,"props":1502,"children":1503},{"v-slot:vue":7},[1504],{"type":14,"tag":92,"props":1505,"children":1508},{"className":1506,"code":1507,"language":97,"meta":7},[95],"\u003Ctemplate>\n    \u003Cimg\n        src=\"../../../assets/images/placeholder-400x400.jpg\"\n        class=\"_display:block _margin-x:auto\"\n        alt=\"Centered image\"\n    />\n\u003C/template>\n\n",[1509],{"type":14,"tag":100,"props":1510,"children":1511},{},[1512],{"type":14,"tag":92,"props":1513,"children":1514},{"__ignoreMap":7},[1515,1530,1541,1560,1580,1600,1607],{"type":14,"tag":107,"props":1516,"children":1517},{"class":109,"line":110},[1518,1522,1526],{"type":14,"tag":107,"props":1519,"children":1520},{"class":114},[1521],{"type":20,"value":117},{"type":14,"tag":107,"props":1523,"children":1524},{"class":120},[1525],{"type":20,"value":80},{"type":14,"tag":107,"props":1527,"children":1528},{"class":114},[1529],{"type":20,"value":127},{"type":14,"tag":107,"props":1531,"children":1532},{"class":109,"line":130},[1533,1537],{"type":14,"tag":107,"props":1534,"children":1535},{"class":114},[1536],{"type":20,"value":136},{"type":14,"tag":107,"props":1538,"children":1539},{"class":120},[1540],{"type":20,"value":141},{"type":14,"tag":107,"props":1542,"children":1543},{"class":109,"line":144},[1544,1548,1552,1556],{"type":14,"tag":107,"props":1545,"children":1546},{"class":114},[1547],{"type":20,"value":150},{"type":14,"tag":107,"props":1549,"children":1550},{"class":153},[1551],{"type":20,"value":156},{"type":14,"tag":107,"props":1553,"children":1554},{"class":114},[1555],{"type":20,"value":161},{"type":14,"tag":107,"props":1557,"children":1558},{"class":164},[1559],{"type":20,"value":614},{"type":14,"tag":107,"props":1561,"children":1562},{"class":109,"line":170},[1563,1567,1571,1575],{"type":14,"tag":107,"props":1564,"children":1565},{"class":114},[1566],{"type":20,"value":150},{"type":14,"tag":107,"props":1568,"children":1569},{"class":153},[1570],{"type":20,"value":224},{"type":14,"tag":107,"props":1572,"children":1573},{"class":114},[1574],{"type":20,"value":161},{"type":14,"tag":107,"props":1576,"children":1577},{"class":164},[1578],{"type":20,"value":1579},"\"_display:block _margin-x:auto\"\n",{"type":14,"tag":107,"props":1581,"children":1582},{"class":109,"line":192},[1583,1587,1591,1595],{"type":14,"tag":107,"props":1584,"children":1585},{"class":114},[1586],{"type":20,"value":150},{"type":14,"tag":107,"props":1588,"children":1589},{"class":153},[1590],{"type":20,"value":246},{"type":14,"tag":107,"props":1592,"children":1593},{"class":114},[1594],{"type":20,"value":161},{"type":14,"tag":107,"props":1596,"children":1597},{"class":164},[1598],{"type":20,"value":1599},"\"Centered image\"\n",{"type":14,"tag":107,"props":1601,"children":1602},{"class":109,"line":214},[1603],{"type":14,"tag":107,"props":1604,"children":1605},{"class":114},[1606],{"type":20,"value":264},{"type":14,"tag":107,"props":1608,"children":1609},{"class":109,"line":236},[1610,1614,1618],{"type":14,"tag":107,"props":1611,"children":1612},{"class":114},[1613],{"type":20,"value":273},{"type":14,"tag":107,"props":1615,"children":1616},{"class":120},[1617],{"type":20,"value":80},{"type":14,"tag":107,"props":1619,"children":1620},{"class":114},[1621],{"type":20,"value":282},{"type":14,"tag":29,"props":1623,"children":1625},{"id":1624},"picture",[1626],{"type":20,"value":1627},"Picture",{"type":14,"tag":36,"props":1629,"children":1630},{},[1631,1633,1638,1640,1645,1647,1652,1654,1658,1660,1664,1666,1670],{"type":20,"value":1632},"If you are using the ",{"type":14,"tag":42,"props":1634,"children":1635},{},[1636],{"type":20,"value":1637},"\u003Cpicture>",{"type":20,"value":1639}," element to specify multiple ",{"type":14,"tag":42,"props":1641,"children":1642},{},[1643],{"type":20,"value":1644},"\u003Csource>",{"type":20,"value":1646}," elements for a specific ",{"type":14,"tag":42,"props":1648,"children":1649},{},[1650],{"type":20,"value":1651},"\u003Cimg>",{"type":20,"value":1653},", make sure to add\nthe ",{"type":14,"tag":42,"props":1655,"children":1656},{},[1657],{"type":20,"value":46},{"type":20,"value":1659}," class to the ",{"type":14,"tag":42,"props":1661,"children":1662},{},[1663],{"type":20,"value":1651},{"type":20,"value":1665}," and not to the ",{"type":14,"tag":42,"props":1667,"children":1668},{},[1669],{"type":20,"value":1637},{"type":20,"value":1671}," tag.",{"type":14,"tag":76,"props":1673,"children":1674},{},[1675,1682],{"type":14,"tag":80,"props":1676,"children":1677},{"v-slot:preview":7},[1678],{"type":14,"tag":84,"props":1679,"children":1681},{"src":1680},"/stories/core/images/picture",[],{"type":14,"tag":80,"props":1683,"children":1684},{"v-slot:vue":7},[1685],{"type":14,"tag":92,"props":1686,"children":1689},{"className":1687,"code":1688,"language":97,"meta":7},[95],"\u003Ctemplate>\n    \u003Cpicture>\n        \u003Csource srcset=\"../../../assets/images/placeholder-400x400.jpg\" type=\"image/svg+xml\" />\n        \u003Cimg\n            src=\"../../../assets/images/placeholder-400x400.jpg\"\n            class=\"image -fluid -thumbnail\"\n            alt=\"...\"\n        />\n    \u003C/picture>\n\u003C/template>\n\n",[1690],{"type":14,"tag":100,"props":1691,"children":1692},{},[1693],{"type":14,"tag":92,"props":1694,"children":1695},{"__ignoreMap":7},[1696,1711,1726,1777,1788,1807,1827,1847,1854,1869],{"type":14,"tag":107,"props":1697,"children":1698},{"class":109,"line":110},[1699,1703,1707],{"type":14,"tag":107,"props":1700,"children":1701},{"class":114},[1702],{"type":20,"value":117},{"type":14,"tag":107,"props":1704,"children":1705},{"class":120},[1706],{"type":20,"value":80},{"type":14,"tag":107,"props":1708,"children":1709},{"class":114},[1710],{"type":20,"value":127},{"type":14,"tag":107,"props":1712,"children":1713},{"class":109,"line":130},[1714,1718,1722],{"type":14,"tag":107,"props":1715,"children":1716},{"class":114},[1717],{"type":20,"value":136},{"type":14,"tag":107,"props":1719,"children":1720},{"class":120},[1721],{"type":20,"value":1624},{"type":14,"tag":107,"props":1723,"children":1724},{"class":114},[1725],{"type":20,"value":127},{"type":14,"tag":107,"props":1727,"children":1728},{"class":109,"line":144},[1729,1733,1738,1742,1747,1751,1755,1759,1764,1768,1773],{"type":14,"tag":107,"props":1730,"children":1731},{"class":114},[1732],{"type":20,"value":909},{"type":14,"tag":107,"props":1734,"children":1735},{"class":120},[1736],{"type":20,"value":1737},"source",{"type":14,"tag":107,"props":1739,"children":1740},{"class":114},[1741],{"type":20,"value":1392},{"type":14,"tag":107,"props":1743,"children":1744},{"class":153},[1745],{"type":20,"value":1746},"srcset",{"type":14,"tag":107,"props":1748,"children":1749},{"class":114},[1750],{"type":20,"value":161},{"type":14,"tag":107,"props":1752,"children":1753},{"class":164},[1754],{"type":20,"value":1438},{"type":14,"tag":107,"props":1756,"children":1757},{"class":114},[1758],{"type":20,"value":1392},{"type":14,"tag":107,"props":1760,"children":1761},{"class":153},[1762],{"type":20,"value":1763},"type",{"type":14,"tag":107,"props":1765,"children":1766},{"class":114},[1767],{"type":20,"value":161},{"type":14,"tag":107,"props":1769,"children":1770},{"class":164},[1771],{"type":20,"value":1772},"\"image/svg+xml\"",{"type":14,"tag":107,"props":1774,"children":1775},{"class":114},[1776],{"type":20,"value":1460},{"type":14,"tag":107,"props":1778,"children":1779},{"class":109,"line":170},[1780,1784],{"type":14,"tag":107,"props":1781,"children":1782},{"class":114},[1783],{"type":20,"value":909},{"type":14,"tag":107,"props":1785,"children":1786},{"class":120},[1787],{"type":20,"value":141},{"type":14,"tag":107,"props":1789,"children":1790},{"class":109,"line":192},[1791,1795,1799,1803],{"type":14,"tag":107,"props":1792,"children":1793},{"class":114},[1794],{"type":20,"value":921},{"type":14,"tag":107,"props":1796,"children":1797},{"class":153},[1798],{"type":20,"value":156},{"type":14,"tag":107,"props":1800,"children":1801},{"class":114},[1802],{"type":20,"value":161},{"type":14,"tag":107,"props":1804,"children":1805},{"class":164},[1806],{"type":20,"value":614},{"type":14,"tag":107,"props":1808,"children":1809},{"class":109,"line":214},[1810,1814,1818,1822],{"type":14,"tag":107,"props":1811,"children":1812},{"class":114},[1813],{"type":20,"value":921},{"type":14,"tag":107,"props":1815,"children":1816},{"class":153},[1817],{"type":20,"value":224},{"type":14,"tag":107,"props":1819,"children":1820},{"class":114},[1821],{"type":20,"value":161},{"type":14,"tag":107,"props":1823,"children":1824},{"class":164},[1825],{"type":20,"value":1826},"\"image -fluid -thumbnail\"\n",{"type":14,"tag":107,"props":1828,"children":1829},{"class":109,"line":236},[1830,1834,1838,1842],{"type":14,"tag":107,"props":1831,"children":1832},{"class":114},[1833],{"type":20,"value":921},{"type":14,"tag":107,"props":1835,"children":1836},{"class":153},[1837],{"type":20,"value":246},{"type":14,"tag":107,"props":1839,"children":1840},{"class":114},[1841],{"type":20,"value":161},{"type":14,"tag":107,"props":1843,"children":1844},{"class":164},[1845],{"type":20,"value":1846},"\"...\"\n",{"type":14,"tag":107,"props":1848,"children":1849},{"class":109,"line":258},[1850],{"type":14,"tag":107,"props":1851,"children":1852},{"class":114},[1853],{"type":20,"value":1020},{"type":14,"tag":107,"props":1855,"children":1856},{"class":109,"line":267},[1857,1861,1865],{"type":14,"tag":107,"props":1858,"children":1859},{"class":114},[1860],{"type":20,"value":1074},{"type":14,"tag":107,"props":1862,"children":1863},{"class":120},[1864],{"type":20,"value":1624},{"type":14,"tag":107,"props":1866,"children":1867},{"class":114},[1868],{"type":20,"value":127},{"type":14,"tag":107,"props":1870,"children":1871},{"class":109,"line":1023},[1872,1876,1880],{"type":14,"tag":107,"props":1873,"children":1874},{"class":114},[1875],{"type":20,"value":273},{"type":14,"tag":107,"props":1877,"children":1878},{"class":120},[1879],{"type":20,"value":80},{"type":14,"tag":107,"props":1881,"children":1882},{"class":114},[1883],{"type":20,"value":282},{"type":14,"tag":1885,"children":1886},"style",[1887],{"type":20,"value":1888},".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":130,"depth":130,"links":1890},[1891],{"id":25,"depth":130,"text":9,"children":1892},[1893,1894,1895,1896,1897,1898],{"id":31,"depth":144,"text":34},{"id":323,"depth":144,"text":326},{"id":524,"depth":144,"text":527},{"id":679,"depth":144,"text":682},{"id":832,"depth":144,"text":835},{"id":1624,"depth":144,"text":1627},"markdown","content:docs:ui:images.md","content","docs/ui/images.md","md",1794582258074]