@mantine/core/styles/TypographyStylesProvider.css

React components library focused on usability, accessibility and developer experience

.m-d6493fad :first-child{margin-top:0}.m-d6493fad :last-child{margin-bottom:0}.m-d6493fad :where(h1,h2,h3,h4,h5,h6){text-wrap:var(--mantine-heading-text-wrap);margin-bottom:var(--mantine-spacing-xs)}.m-d6493fad :where(h1){font-size:var(--mantine-h1-font-size);font-weight:var(--mantine-h1-font-weight);line-height:var(--mantine-h1-line-height);margin-top:calc(var(--mantine-spacing-xl)*1.5)}.m-d6493fad :where(h2){font-size:var(--mantine-h2-font-size);font-weight:var(--mantine-h2-font-weight);line-height:var(--mantine-h2-line-height);margin-top:var(--mantine-spacing-xl)}.m-d6493fad :where(h3){font-size:var(--mantine-h3-font-size);font-weight:var(--mantine-h3-font-weight);line-height:var(--mantine-h3-line-height);margin-top:calc(var(--mantine-spacing-xl)*.8)}.m-d6493fad :where(h4){font-size:var(--mantine-h4-font-size);font-weight:var(--mantine-h4-font-weight);line-height:var(--mantine-h4-line-height);margin-top:calc(var(--mantine-spacing-xl)*.8)}.m-d6493fad :where(h5){font-size:var(--mantine-h5-font-size);font-weight:var(--mantine-h5-font-weight);line-height:var(--mantine-h5-line-height);margin-top:calc(var(--mantine-spacing-xl)*.5)}.m-d6493fad :where(h6){font-size:var(--mantine-h6-font-size);font-weight:var(--mantine-h6-font-weight);line-height:var(--mantine-h6-line-height);margin-top:calc(var(--mantine-spacing-xl)*.5)}.m-d6493fad :where(img){margin-bottom:var(--mantine-spacing-xs);max-width:100%}.m-d6493fad :where(p){margin-bottom:var(--mantine-spacing-lg);margin-top:0}[data-mantine-color-scheme=light] .m-d6493fad :where(mark){background-color:var(--mantine-color-yellow-2);color:inherit}[data-mantine-color-scheme=dark] .m-d6493fad :where(mark){background-color:var(--mantine-color-yellow-5);color:var(--mantine-color-black)}.m-d6493fad :where(a){color:var(--mantine-color-anchor);text-decoration:none}@media (hover:hover){.m-d6493fad :where(a):hover{text-decoration:underline}}@media (hover:none){.m-d6493fad :where(a):active{text-decoration:underline}}.m-d6493fad :where(hr){border:0;border-top:calc(.0625rem*var(--mantine-scale)) solid;margin-bottom:var(--mantine-spacing-md);margin-top:var(--mantine-spacing-md)}[data-mantine-color-scheme=light] .m-d6493fad :where(hr){border-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-d6493fad :where(hr){border-color:var(--mantine-color-dark-3)}.m-d6493fad :where(pre){border-radius:var(--mantine-radius-sm);font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);line-height:var(--mantine-line-height);margin:0;margin-bottom:var(--mantine-spacing-md);margin-top:var(--mantine-spacing-md);overflow-x:auto;padding:var(--mantine-spacing-xs)}[data-mantine-color-scheme=light] .m-d6493fad :where(pre){background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-d6493fad :where(pre){background-color:var(--mantine-color-dark-8)}.m-d6493fad :where(pre) :where(code){background-color:transparent;border:0;border-radius:0;color:inherit;padding:0}.m-d6493fad :where(kbd){--kbd-fz:calc(0.75rem*var(--mantine-scale));--kbd-padding:calc(0.1875rem*var(--mantine-scale)) calc(0.3125rem*var(--mantine-scale));border:calc(.0625rem*var(--mantine-scale)) solid;border-bottom-width:calc(.1875rem*var(--mantine-scale));border-radius:var(--mantine-radius-sm);font-family:var(--mantine-font-family-monospace);font-size:var(--kbd-fz);font-weight:700;line-height:var(--mantine-line-height);padding:var(--kbd-padding)}:where([data-mantine-color-scheme=light]) .m-d6493fad :where(kbd){background-color:var(--mantine-color-gray-0);border-color:var(--mantine-color-gray-3);color:var(--mantine-color-gray-7)}[data-mantine-color-scheme=dark] .m-d6493fad :where(kbd){background-color:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-3);color:var(--mantine-color-dark-0)}.m-d6493fad :where(code){border-radius:var(--mantine-radius-sm);font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);line-height:var(--mantine-line-height);padding:calc(.0625rem*var(--mantine-scale)) calc(.3125rem*var(--mantine-scale))}[data-mantine-color-scheme=light] .m-d6493fad :where(code){background-color:var(--mantine-color-gray-0);color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] .m-d6493fad :where(code){background-color:var(--mantine-color-dark-5);color:var(--mantine-color-white)}.m-d6493fad :where(ul,ol){margin-bottom:var(--mantine-spacing-md);padding-left:calc(2.375rem*var(--mantine-scale))}.m-d6493fad :where(ul,ol) :where(li){margin-bottom:var(--mantine-spacing-xs)}.m-d6493fad :where(table){border-collapse:collapse;caption-side:bottom;margin-bottom:var(--mantine-spacing-md);width:100%}.m-d6493fad :where(table) :where(caption){color:var(--mantine-color-gray-6);font-size:var(--mantine-font-size-sm);margin-top:var(--mantine-spacing-xs)}.m-d6493fad :where(table) :where(th){color:var(--mantine-color-gray-7);font-size:var(--mantine-font-size-sm);font-weight:700;padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm);text-align:left}.m-d6493fad :where(table) :where(thead th){border-bottom:calc(.0625rem*var(--mantine-scale)) solid;border-color:var(--mantine-color-gray-3)}.m-d6493fad :where(table) :where(tfoot th){border-top:calc(.0625rem*var(--mantine-scale)) solid;border-color:var(--mantine-color-gray-3)}.m-d6493fad :where(table) :where(td){border-bottom:calc(.0625rem*var(--mantine-scale)) solid;border-color:var(--mantine-color-gray-3);font-size:var(--mantine-font-size-sm);padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm)}.m-d6493fad :where(table) :where(tr:last-of-type td){border-bottom:0}.m-d6493fad :where(blockquote){border-radius:var(--mantine-radius-sm);font-size:var(--mantine-font-size-lg);line-height:var(--mantine-line-height);margin:var(--mantine-spacing-md) 0;padding:var(--mantine-spacing-md) var(--mantine-spacing-lg)}:where([data-mantine-color-scheme=light]) .m-d6493fad :where(blockquote){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-d6493fad :where(blockquote){background-color:var(--mantine-color-dark-8)}