v0.19.0
Breaking changes:
🆙 💥 Use class .Label
instead of label element to style controls like radio, switch, file and input floating labels for better web standards and web accessibility
Removed:
🔥 Remove padding from lyt-sidebar
to let user have control over it properly
🔥 remove custom padding from .menu
🔥 Remove unnecessary .btn.is-min
theme variant style
Fix:
🔨 Fix .lyt-header.is-collapsed
not working
🔨 .menu-items
not inheriting font-size
🔨 not inheriting color in .menu
when using color utilities
🔨 Add padding in nested menu items to prevent text from going into overflow area
Added:
➕ 🚀 Add NEW dropdown menu component
➕ Add border-hide
utility to hide border using transparent color
➕ Add border-(direction)-none
utilities to remove border from specific direction
➕ Change header and sidebar color based on $design-theme
➕ Add active state of btn.is-min
Updated:
🆙 Set text-align:start
on root to support RTL languages
🆙 🔀 Rearrange Theme colors to change there cascading priority
🆙 include all src and dist files in NPM package
🆙 Align icon in center when parent has display:flex
🆙 Flexible header height and flex wrap
🆙 Update From bootstrap reboot (twbs/bootstrap#29455)
🆙 override styles instead of increasing specificity, to make style overridable
🆙 lyt-sidebar
are static by default, they can be made fixed using using fixed
utility class.
🆙 Lighten .menu-item Background color
🆙 inherit text-align
value in menu-item rather than explicit overriding
🆙 Use display:block
on menu-items instead of flex to support text-align
utility
🆙 Apply animation on menu items only if they were with .menu-trigger
🆙 Apply nested menu styles on direct child this will allow menu style to stop conflicting inside other components and universal selector *
to be limited to direct children
🆙 Decrease nested menu animation duration
🆙 Increase before border-color transition duration in .menu-item
to shorten and decrease chances of user specifies value more than transition duration
🆙 use scale to flip caret in menu instead of rotate
Design:
💅 Don't override text color
in menu-item
Dev:
➕ Add fill-direction
parameter for @mixin animation
🔖 Add variables $menu-trigger-caret-color
and $menu-divider-padding
🔖 Add variables for nested Menu animation duration $$nestedMenu-animationduration
🔖 rename variable $nestedMenu-marginleft
to $nestedMenu-indent
🔖 rename $button-transition-minimal
to $button-transition-minimal-before
to be more specific in naming convention
🔖 🔨 Fix variable name from bg to background
🔖 🔀 Arrange and reorder setting variables in menu
➕ ✅ Test for invalid @function clr-step
values
🆙 Make Triangle shape size equal to the size specified preventing extra style to used to align middle
📦 Update package find-unused-sass-variables