Skip to content

Releases: canonical/vanilla-framework

v1.2.0

26 Apr 14:21
Compare
Choose a tag to compare

Getting Vanilla framework

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

Changes

  • Add contrast-text-color function on .p-button--brand
  • Add sass-cli check to .travis.yml build steps
  • Add logo src and favicon to documentation metadata
  • Added formatting to related section in form documentation
  • Remove and deprecate links without underline
  • Added docs for soft/strong/inverted links
  • Fix full-width/fixed-width navigation example so mobile navigation works
  • Update inline images pattern
  • Remove margin from navigation pattern
  • Create breakpoint-navigation-threshold setting to allow control of navigation switching
  • Rename warning notification to caution

v1.1.13

10 Apr 12:44
Compare
Choose a tag to compare
  • Removed a nested mixin declaration which is now illegal after update to node-sass [1]

[1] sass/node-sass#1459

v1.1.12

07 Apr 11:28
Compare
Choose a tag to compare
  • Updated copy and display bugs in docs
  • Refactored styling on .p-code-numbered to improve stability

v1.1.11

30 Mar 09:20
Compare
Choose a tag to compare
  • Tweaked buttons pattern styling
    There were inconsistencies in how neutral buttons displayed on hover which have now been corrected.

  • Introduced spacing variables
    In order to improve the consistency in how patterns are spaced, we have introduced a spacing scale implemented by Sass variables.

  • Introduced .npmignore file
    Rather than upload all of the repo files to NPM, we now only upload the relevant bits.

  • Split out and renamed visibility util to .u-show and .u-hide
    We received user feedback that .u-visibility was ambiguous due to the naming conflict with the native 'visibility' CSS property so we have now split it out into .u-show and .u-hide utils to improve clarity.

  • Fix formatting bug around tables in typography docs
    The table was not displaying properly due to a markdown parsing error. This has now been fixed.

v1.1.10

22 Mar 09:56
Compare
Choose a tag to compare
  • Updated the grid docs to make them easier to read
  • Added a small styling helper so examples in docs are clearer
  • Fixed several small bugs in markup of docs

v1.1.9

13 Mar 15:35
Compare
Choose a tag to compare
  • Fix up a couple of broken links in the documentation.

v1.1.8

08 Mar 17:18
Compare
Choose a tag to compare

- Improved documentation and inconsistencies corrected
We have made small changes to improve the language and clarity of our examples across the board. All distinct sections of the documentation should now include examples where appropriate.

- Tweak the styling of the pull quote pattern
Make the pull quote styling more robust for use with longer quotes.

- Add form validation pattern
We have now standardised the styling of form fields in the typical states used for form validation.

- Update Vanilla color palette
We have tweaked our color palette to match the shades used by the Suru design language (used by the wider Canonical business.)

- Update styling of buttons
Small tweaks to the spacing used in buttons.

- Remove the 'dark' code snippet variant from docs
This pattern is no longer used.

- Fix position bug with .p-link--external

- Fix position bug with .p-breadcrumbs

v1.1.7

28 Feb 13:52
Compare
Choose a tag to compare

Hotfix to sync develop & master branches.

v1.1.6

20 Feb 14:28
Compare
Choose a tag to compare
  • Updated code block styling
    Fixed inconsistencies and visual quirks. The default code block is now dark text with a light background.
  • Enhanced documentation across many patterns.
    Expanded patterns rationale and recommendations on how to use each pattern. We are always improving the documentation where possible.
  • Tweaked border design of .p-card
    This change tweaks the color of the borders on the card pattern.
  • Added ability to use buttons with inline spans.
    Text can now be placed inside a span preceding a button and appropriate spacing will be applied.
  • Added animations config settings for use across the framework.
    Settings such as timings and easing can now be set globally across the framework for consistency.
  • Extend the navigation pattern so it can be wrapped within a row to give it a fixed width.
    Some users may wish to have a fixed width navigation. The navigation pattern is now flexible enough to accommodate this pattern by wrapping the contents in a .row.
  • Switched link underline from bottom-borders to text-decoration.
    Links on hover are now styled using native text decoration.

v1.1.5

08 Feb 17:03
Compare
Choose a tag to compare
  • Update documentation to reflect class name change from .u-text-align to .u-align
  • Update Matrix pattern documentation
  • Added visual regression testing to Travis CI build
  • Added Jekyll example site to aid local development and visual regression testing
  • Removed .combined-list as this pattern has been moved downstream to vanilla-brochure-theme