Skip to content

v3.1.0
Compare
Choose a tag to compare
@planktonic planktonic released this 20 Dec 14:41
· 133 commits to main since this release
v3.1.0
2c6e239
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.

[3.1.0] - 2021-12-20

Added

  • There are now variables to specify the color, text-decoration, background-color, and box-shadow of links in each state
  • Default margins for heading elements and paragraphs can now be specified with the $margin-heading and $margin-paragraph variables respectively
  • An extra size was added to the default gap classes: u-gap-xs

Fixed

  • The border-width and border-style are no longer hardcoded in the dropdown separator styles. The existing default value for the $separator-border variable already set those properties, so you so not need to change anything unless you override that variable in your project. This fixes the issue of an invalid border property when your build does not get automatically fixed by the build tools (in the case of bitstyles, postcss was correcting the border property)
  • Link variables can all now be overridden using any of the four import/use methods

Changed

  • dl examples are now aligned to the baseline, using the u-items-baseline class. Update dl classnames in your project to match
  • $font-family-webfont is now $webfont-family-name. If you’ve overridden this variable, you will need to rename it. The variable should only contain the filename (no filename extensions, as before), as the path to your fonts is now set with the $webfont-base-url variable (which defaults to ../assets/fonts/). If you host your fonts in a different location, you should change this value to match

Breaking

  • img and iframe now default to display: block. Use the utility class u-inline if you need to replace the old behavior
  • The default margin for paragraphs is now 0. Use the $margin-paragraph variable in typography settings to change this, or use margin utility classes on the HTML elements
  • Variable names for links have changed — the word link is now omitted, resulting in e.g. $color-link becoming $color, $link-color, or $bitstyles-link-color, and $color-link-hover becoming $color-hover, $link-color-hover, or $bitstyles-link-color-hover, depending on how you use bitstyles
  • Variable names for breakpoints have changed — the word breakpoint is now omittted, resulting in e.g. $breakpoint-boundary-width becoming $boundary-width, $breakpoints-boundary-width, or $bitstyles-breakpoint-boundary-width, depending on how you use bitstyles
Assets 2
Loading