Skip to content

v0.16.1

Compare
Choose a tag to compare
@ashfahan ashfahan released this 24 Sep 00:11
· 411 commits to master since this release

Added:

➕ Divider Object
➕ Support for file inputs
➕ align .input content in center when used on other than input tag
➕ Grid column spacing/gap classes to modify spacing/gap between column on fly

Updates:

🆙 Do not override property value from animations
🆙 do not add border-radius to .is-min styles controls
🆙 btn min redesign
🆙 support disabled state on every anchor tag
🆙 reset before transform on loading elements so that loading animation is not effected by it
🆙 align feedback triangle shape by top rather than bottom
🆙 align label::before in middle
🆙 Center align content in .addon
🆙 Apply states to addon only if its a anchor tag
🆙 decrease icon size to 1em so that layout is not affected when placed inside component e.g button
🆙 Add cursor pointer for select tag
🆙 improve .switch style and visual appearance accessibility
🆙 apply cursor: pointer to .control only if its a label tag this prevents misleading user to interactable area of the control without wrapped in label
🆙 tweak icon caret-down path
🆙 Use data attribute instead of custom fluid attribute
🆙 tweak checkbox-checked-arrow-top position
🆙 make %controls-label ::after and ::before align to label position
🆙 Set IE clear field button color so that it is not affected by .input color
🆙 Add padding only when label is not empty

Fixes:

🔨 missing opacity 0 utility class
🔨 .input hover state box-shadow transition
🔨 hover boxshadow not showing on .has-floating-label
🔨 Fix inconsistent hr size when used with size attribute

Remove/Drop:

🔥 height: 100% from %controls-labels (#e9e4cb6)
💧 .input.unstyle class
💧 🔥 remove 30% spacing classes

Dev Changes :

@function convert-unit to handle units conversion
$enable-debugging Variable to suppress @debug and @warn messages
➕ Shadows Variables to control shadows globally
➕ ✅ when keyframe name exist but not its keyframes value🔀 move nuke margin style from sanitize to elements
➕ Add caret-down icon source file
🆙 avoid overiding extra css properties in triangle shape
🆙 separate has-floating-label styles to have an effect in IE 11
🆙 avoid adding extra box-shadow override in .btn.is-sld
🆙 ✅ show name of the keyframe whose value is not found
🆙 Use Correct .group margin dependent variable
🔀 move .control base styles at top
🔀 move feedback style out of .control context
🔀 move style to their relative context
↪️ rename variable $icon-size to $icon-area
↪️ rename icon variables caret to caret-down
↔️ Split %controls placeholder into fragments to remove unnecessary styles