Discover the essential settings and key configurations that lay the groundwork for JTB_MD.
To facilitate a smooth navigation and usage experience in JTB_MD, we've fine-tuned some settings as a ground work. These adjustments are designed to enhance usability, particularly in more complex scenarios. You can explore the core changes below for an enhanced and efficient experience with the library:
<html>
and <body>
tags are set to var(--jtbWhite-1)
.var(--jtbNeutral-12)
.16px
, with a default line height of 1.5
.400
.Default
group.none!important
.In addition to these, for preventing the declared width of an element from being exceeded due to padding or border, we've set the box-sizing
of every element, including :before
and :after
, as border-box
.
In JTB_MD, we distinguish between computer-based text and regular text by defining two distinct font-family groups.
This is the default font-family group used by all elements. The basic structure of the group is as follows:
-apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji
To differentiate computer-based outputs from regular text, we've introduced a new group called 'monospace' with the following value:
SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
Copyright © 2024 JTBLabs - All rights reserved.