Skip to content

Base, Color, & Typography Embeds Update

Choose a tag to compare

@lumosframework lumosframework released this 05 Feb 14:32
· 47 commits to main since this release
4ce3df6

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