Skip to content

v1.3.0

Choose a tag to compare

View all tags
@planktonic planktonic released this 17 Jun 12:55
· 175 commits to main since this release
1.3.0
64e3782
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.

Added

  • Dropdown atom has a new variant .a-dropdown--full-width that causes the dropdown to span the full width of its nearest position: relative parent element. Combinable with a-dropdown--top
  • Gap sizes can now be specified, and the class suffixes named, using a Sass variable
  • You can now override which directions the margin and padding utility classes are output for (top, bottom, etc.), and what those classes are named independently of the CSS property, using $bitstyles-margin-directions and $bitstyles-padding-directions respectively
  • You can now override the sizes the margin & padding utility classes are output for, using $bitstyles-margin-sizes and $bitstyles-padding-sizes respectively
  • Border utility classes are now available at all four directions, and on a per-color basis. Currectly only gray-10 and gray-70, this can now be customized using sass variables.
  • Border utility classes can now be available at breakpoints by overriding the $bitstyles-border-breakpoints variable
  • Default breakpoints now include xl, for ultra-widescreens
  • .a-content max-width and padding is now customisable using Sass variables, and by default now includes a 100% option
  • A new .u-z utility class for setting z-index

Changed

  • The size of gap generated by .u-gap-m is now 1rem, not 0.8rem

Fixed

  • The checkbox checkmark is now correctly centered, and only rendered once

Breaking

  • The double-dashes have been removed from the .u-margin and .u-padding classes (e.g. .u-margin-m--top). To migrate, replace the -- in the classnames with -
  • The .u-border--top .u-border--bottom classes have been replaced with .u-border-gray-70-top and .u-border-gray-10-bottom respectively
  • .u-fixed-ratio is renamed .u-aspect-ratio, and the double-dashes are replaced with single. Please rename all uses e.g. .u-fixed-ratio--16-9 becomes .u-aspect-ratio-16-9
  • .u-fixed-ratio__inner has been removed, and is no longer necessary. To migrate, move other classes that may be on that element to the .u-fixed-ratio element, and remove the .u-fixed-ratio__inner element
  • Now requires version ^1.34.0 of dart-sass, in order to use the new Math.div function and remove all the division using / characters.
  • Removes the content mixin. If you need the content functionality, use the .a-content classname instead (it’s customisable using Sass variables, see the settings.scss file)
Assets 2
Loading