Skip to content

v0.18.0

Compare
Choose a tag to compare
@ashfahan ashfahan released this 02 Oct 13:05
· 306 commits to master since this release

Breaking Changes:
💥 grid column classes now use standard width utilities to control their sizing
💥 Serve .addon as a standalone to be used as just as "controls like" wrapper
💥 Use has for grid gap utility
💥 Use border in border utilities instead of brdr
💥 Use is for visibility styles

Added:
➕ Add responsive width sizing classes
➕ Add Responsive flex-direction Utility
:octocat: Variable $main-background
:octocat: Add Variable $disabled to globally control disabled color
:octocat: Add Variable $pre-code-borderleft
➕ 🚀 :octocat: Add Support for constant property value in $properties for generate-style
➕ Support multiple and size attribute on .select

Dropped:
💧 Drop Styling anchor addon in favor of btn and other styling classes

Remove:
🔥 Remove Unnecessary opacity: inherit
🔥 Remove Unnecessary !important from disabled controls like radio, switch and checkbox
🔥 Remove Unnecessary placeholder %controls-disabled from label
🔥 remove Unnecessary placeholder %controls-hover in .input
🔥 Remove Unnecessary Temporary variable
🔥 Remove Unnecessary need for %clearfix placeholder
🔥 Remove Unnecessary transition in .btn.is-min
🔥 Remove bugs placeholder as they doesn't offer much improvement

Fixes:
🔨 Fix .menu default color theme
🔨 Fix input.has-icon.is-(theme) padding inside group
🔨 Fix width issue when controls like radio and checkbox placed inside group addon
🔨 Fix rounded corner of .input.is-min in group > control
🔨 :octocat: Fix various variable naming inconsistency
🔨 :octocat: Fix missing content inside source maps
🔨 Remove blue background from .select:focus in IE

Changes:
🆙 do not override input background in has-floating-label
🆙 Use Placeholders in .group to combine selectors
🆙 change radio and switch visual appearance only when value changes
🆙 Change .column to use width instead of max-width
🆙 Override label margin-bottom for .file
🆙 :octocat: Use quoted string value for selector in utilities
🆙 Use %placeholders to combine various single property styles
🆙 Use important for .float display property …

Design:

💅 Tweak Input icon position
💅 Slightly tweak checkbox checked arrow position