Base, Color, & Typography Embeds Update
Base Embed
• Removed --line-height--inherit & --letter-spacing--inherit. Since these properties are set on the body with EM, inheriting the body's line-height or letter-spacing isn't useful. Each element that gets a new font size should have its own line-height and letter-spacing applied so that it multiplies off the font size of that element and not off the body font size.
• Replaced every instance of [data-container] with a div with a class of "container" in effort to make Lumos more beginner friendly.
• Set data-padding-top and data-padding-bottom to values of "none, small, main, large" instead of "0, 1, 2, 3". This is to make Lumos more beginner friendly.
Color Embed
• Replaced data-theme "-1, 0, 1, 2" with "invert, inherit, light, dark". This is to make Lumos more beginner friendly.
• Renamed --button2-- variables to --button-outlined-- variables
• Renamed data-button-style "1, 2" to "solid, outlined"
Typography Embed
• Added p-large and p-small variables with utility classes of fs7.1 and fs7.2