Skip to content

Black Panther
Compare
Choose a tag to compare
@annez annez released this 17 Apr 16:23
· 1125 commits to master since this release
v0.14.0
4d53fc0

This version removes "ustyle/structure" from the project and moves it to the includes

Additions

Icon loader

There's a very rudimentary icon loader that has been added into icons.rb which will async load SVG or PNG icons depending on browser support.

You can include this in any template that can interpolate ruby strings

<html>
<head>
  <%= Ustyle::Icons.loader(PATH_TO_YOUR_SVG_ICONS, PATH_TO_YOUR_PNG_ICONS) %>
</head>
...
</html>

More link styles

.us-link--light modifier for links on dark backgrounds. See https://uswitch.github.io/ustyle/components.html#anchor_links [461b8d9]

Improvements

  • Overlay can now be closed with escape key [6ed28d0]
  • All icon variables are now !default so they can be overriden project by project [59a399c]
  • Icons can have non-square dimensions [af81893]
  • Link states added to our breadcrumbs [c84cc9f]

Breaking change

Structure removal

"structure/base" is no longer in ustyle and all header/footer styling is in our includes project. Please remove any imports referring to the structure if you are on our customer facing website.

Icon font GONE

No more is the icon font. Deprecated are the following variables, extends and mixins:
$icon-font
%icon-font
@include icon-font($extend: true)

There is no replacement, as we do not rely on a font-family for our icons anymore, but rather SVGs (see last release for docs on that and ICON-UPGRADE.md)

Assets 2
Loading