Skip to content

v0.19.0

Compare
Choose a tag to compare
@ashfahan ashfahan released this 13 Oct 01:58
· 240 commits to master since this release

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:
:octocat: Add fill-direction parameter for @mixin animation
🔖 :octocat: Add variables $menu-trigger-caret-color and $menu-divider-padding
🔖 :octocat: Add variables for nested Menu animation duration $$nestedMenu-animationduration
🔖 :octocat: rename variable $nestedMenu-marginleft to $nestedMenu-indent
🔖 :octocat: rename $button-transition-minimal to $button-transition-minimal-before to be more specific in naming convention
🔖 🔨 :octocat: Fix variable name from bg to background
🔖 🔀 :octocat: Arrange and reorder setting variables in menu
➕ ✅ Test for invalid @function clr-step values
🆙 :octocat: Make Triangle shape size equal to the size specified preventing extra style to used to align middle
📦 :octocat: Update package find-unused-sass-variables