manja_ui_dev/dist/assets/Typography-pmcXzPHQ.js

import{Bt as e,It as t,Lt as n,Mt as r,Qt as i,Vt as a,Xt as o,qt as s}from"./index-qNrWYJXL.js";var c={},l={class:`bd-example bd-example-type`};function u(r,c){let u=o(`CCardHeader`),d=o(`CTableHeaderCell`),f=o(`CTableRow`),p=o(`CTableHead`),m=o(`CTableDataCell`),h=o(`CTableBody`),g=o(`CTable`),_=o(`CCardBody`),v=o(`CCard`),y=o(`CCol`),b=o(`CRow`);return s(),n(b,null,{default:i(()=>[a(y,null,{default:i(()=>[a(v,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[0]||=[e(` Headings `,-1)]]),_:1}),a(_,null,{default:i(()=>[c[15]||=t(`p`,null,` Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more. `,-1),a(g,null,{default:i(()=>[a(p,null,{default:i(()=>[a(f,null,{default:i(()=>[a(d,null,{default:i(()=>[...c[1]||=[e(`Heading`,-1)]]),_:1}),a(d,null,{default:i(()=>[...c[2]||=[e(`Example`,-1)]]),_:1})]),_:1})]),_:1}),a(h,null,{default:i(()=>[a(f,null,{default:i(()=>[a(m,null,{default:i(()=>[...c[3]||=[t(`p`,null,[t(`code`,{class:`highlighter-rouge`},` <h1></h1> `)],-1)]]),_:1}),a(m,null,{default:i(()=>[...c[4]||=[t(`span`,{class:`h1`},`h1. Bootstrap heading`,-1)]]),_:1})]),_:1}),a(f,null,{default:i(()=>[a(m,null,{default:i(()=>[...c[5]||=[t(`p`,null,[t(`code`,{class:`highlighter-rouge`},` <h2></h2> `)],-1)]]),_:1}),a(m,null,{default:i(()=>[...c[6]||=[t(`span`,{class:`h2`},`h2. Bootstrap heading`,-1)]]),_:1})]),_:1}),a(f,null,{default:i(()=>[a(m,null,{default:i(()=>[...c[7]||=[t(`p`,null,[t(`code`,{class:`highlighter-rouge`},` <h3></h3> `)],-1)]]),_:1}),a(m,null,{default:i(()=>[...c[8]||=[t(`span`,{class:`h3`},`h3. Bootstrap heading`,-1)]]),_:1})]),_:1}),a(f,null,{default:i(()=>[a(m,null,{default:i(()=>[...c[9]||=[t(`p`,null,[t(`code`,{class:`highlighter-rouge`},` <h4></h4> `)],-1)]]),_:1}),a(m,null,{default:i(()=>[...c[10]||=[t(`span`,{class:`h4`},`h4. Bootstrap heading`,-1)]]),_:1})]),_:1}),a(f,null,{default:i(()=>[a(m,null,{default:i(()=>[...c[11]||=[t(`p`,null,[t(`code`,{class:`highlighter-rouge`},` <h5></h5> `)],-1)]]),_:1}),a(m,null,{default:i(()=>[...c[12]||=[t(`span`,{class:`h5`},`h5. Bootstrap heading`,-1)]]),_:1})]),_:1}),a(f,null,{default:i(()=>[a(m,null,{default:i(()=>[...c[13]||=[t(`p`,null,[t(`code`,{class:`highlighter-rouge`},` <h6></h6> `)],-1)]]),_:1}),a(m,null,{default:i(()=>[...c[14]||=[t(`span`,{class:`h6`},`h6. Bootstrap heading`,-1)]]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(v,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[16]||=[e(` Headings `,-1)]]),_:1}),a(_,null,{default:i(()=>[...c[17]||=[t(`p`,null,[t(`code`,{class:`highlighter-rouge`},`.h1`),e(` through `),t(`code`,{class:`highlighter-rouge`},`.h6`),e(` classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element. `)],-1),t(`div`,{class:`bd-example`},[t(`p`,{class:`h1`},`h1. Bootstrap heading`),t(`p`,{class:`h2`},`h2. Bootstrap heading`),t(`p`,{class:`h3`},`h3. Bootstrap heading`),t(`p`,{class:`h4`},`h4. Bootstrap heading`),t(`p`,{class:`h5`},`h5. Bootstrap heading`),t(`p`,{class:`h6`},`h6. Bootstrap heading`)],-1)]]),_:1})]),_:1}),a(v,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[18]||=[e(` Display headings `,-1)]]),_:1}),a(_,null,{default:i(()=>[c[23]||=t(`p`,null,[e(` Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a `),t(`strong`,null,`display heading`),e(`—a larger, slightly more opinionated heading style. `)],-1),t(`div`,l,[a(g,null,{default:i(()=>[a(h,null,{default:i(()=>[a(f,null,{default:i(()=>[a(m,null,{default:i(()=>[...c[19]||=[t(`span`,{class:`display-1`},`Display 1`,-1)]]),_:1})]),_:1}),a(f,null,{default:i(()=>[a(m,null,{default:i(()=>[...c[20]||=[t(`span`,{class:`display-2`},`Display 2`,-1)]]),_:1})]),_:1}),a(f,null,{default:i(()=>[a(m,null,{default:i(()=>[...c[21]||=[t(`span`,{class:`display-3`},`Display 3`,-1)]]),_:1})]),_:1}),a(f,null,{default:i(()=>[a(m,null,{default:i(()=>[...c[22]||=[t(`span`,{class:`display-4`},`Display 4`,-1)]]),_:1})]),_:1})]),_:1})]),_:1})])]),_:1})]),_:1}),a(v,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[24]||=[e(` Inline text elements `,-1)]]),_:1}),a(_,null,{default:i(()=>[...c[25]||=[t(`p`,null,[e(` Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a `),t(`strong`,null,`display heading`),e(`—a larger, slightly more opinionated heading style. `)],-1),t(`div`,{class:`bd-example`},[t(`p`,null,[e(`You can use the mark tag to `),t(`mark`,null,`highlight`),e(` text.`)]),t(`p`,null,[t(`del`,null,` This line of text is meant to be treated as deleted text. `)]),t(`p`,null,[t(`s`,null,` This line of text is meant to be treated as no longer accurate. `)]),t(`p`,null,[t(`ins`,null,` This line of text is meant to be treated as an addition to the document. `)]),t(`p`,null,[t(`u`,null,`This line of text will render as underlined`)]),t(`p`,null,[t(`small`,null,` This line of text is meant to be treated as fine print. `)]),t(`p`,null,[t(`strong`,null,`This line rendered as bold text.`)]),t(`p`,null,[t(`em`,null,`This line rendered as italicized text.`)])],-1)]]),_:1})]),_:1}),a(v,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[26]||=[e(` Description list alignment `,-1)]]),_:1}),a(_,null,{default:i(()=>[...c[27]||=[t(`p`,null,[e(` Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can optionally add a `),t(`code`,{class:`highlighter-rouge`},`.text-truncate`),e(` class to truncate the text with an ellipsis. `)],-1),t(`div`,{class:`bd-example`},[t(`dl`,{class:`row`},[t(`dt`,{class:`col-sm-3`},`Description lists`),t(`dd`,{class:`col-sm-9`},` A description list is perfect for defining terms. `),t(`dt`,{class:`col-sm-3`},`Euismod`),t(`dd`,{class:`col-sm-9`},[t(`p`,null,` Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit. `),t(`p`,null,`Donec id elit non mi porta gravida at eget metus.`)]),t(`dt`,{class:`col-sm-3`},`Malesuada porta`),t(`dd`,{class:`col-sm-9`},` Etiam porta sem malesuada magna mollis euismod. `),t(`dt`,{class:`col-sm-3 text-truncate`},` Truncated term is truncated `),t(`dd`,{class:`col-sm-9`},` Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. `),t(`dt`,{class:`col-sm-3`},`Nesting`),t(`dd`,{class:`col-sm-9`},[t(`dl`,{class:`row`},[t(`dt`,{class:`col-sm-4`},`Nested definition list`),t(`dd`,{class:`col-sm-8`},` Aenean posuere, tortor sed cursus feugiat, nunc augue nunc. `)])])])],-1)]]),_:1})]),_:1})]),_:1})]),_:1})}var d=r(c,[[`render`,u]]);export{d as default};