v1.7.1

Getting Vanilla Framework

Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://docs.vanillaframework.io

New

• .p-button--neutral is now 10% darker so it can be used in conjunction with p-strip--light
• Reduced .p-pull-quote size to be h4 instead of h3
• Updated the vf-highlight-bar function to be able to choose color, position, and whether it will sit above borders. It is used in Navigation (active state), Tabs (hover + active state) and Notification.
• Added $color-navigation-active-bar and $color-tabs-active-bar to color settings
• Namespaced utility placeholders
  • %clearfix is now %vf-clearfix
  • %u-hide-text is now %vf-hide-text

Documentation

• Fixed Contextual menu examples to close when clicked outside
• Fixed Table expanding button text to switch from "Show" and "Hide"

Bug fixes

• Fixed component interdependencies so that each component is encapsulated (except from base, which is required). This means that the following can now be included without relying on any other non-base components:
  • vf-p-switch
  • vf-p-icons
  • vf-p-lists
  • vf-p-inline-images
  • vf-p-card
  • vf-p-modal
  • vf-p-contextual-menu
  • vf-p-navigation
  • vf-p-tabs
  • vf-p-notification
• <select>s have been given padding right, so the chevron no longer overlaps text
• Fixed <button> spacing when placed inside <p> tags