v2.4.0
Getting Vanilla Framework
Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://docs.vanillaframework.io
New
Features
- Made space under buttons match space under inputs
- Removed the negative margins from headings following paragraphs
- Made shallow strips match $spv-outer--scaleable
- Added a new wrapper element inside p-navigation: p-navigation__row
- Added base styling for detail elements
- Stopped inputs in tables being dense by default and instead added an optional
.is-denseclass - Added classes which allow the alignment of checkboxes and radio buttons with header elements
- Make radio buttons and checkboxes visible but unstyled when they are inside labels
- Added a
--rightmodifier for subnav items
Documentation
Content
- Restyled the documentation sidebar navigation
- Standardise heading, footer and separator formats
- Changed the docs homepage layout
- Fixed broken link
- Added a styled heading to the examples page
- Added notifications to the documentation of patterns which require Javascript
- Changed the format of the icons docs and added information about
.is-lightvariants - Increased the height of the modal iframe
- Added documentation for detail element base styling
- Documented headings with checkboxes
- Documented the unmodified
u-hidefor all viewport sizes
Examples
- Removed superfluous
<p>tags from the button examples - Added a baseline grid background
Configuration
- Removed old link from package.json
- Upped the example-js dependency to v1.2.0
Website
Bug fixes
- Made the focus state of tick boxes and radio buttons wrap just the element, not the label
- Fixed spacing for multiple patterns
- Removed the old chevron
- Removed the last margin for pagination button lists and updated their padding/margin to match buttons
- Updated buttons with icons to support all types of button
- Corrected the spacing of the subnav chevron
- Fixed list item margins
- Removed
type=['submit']selector, which was too specific - Removed block elements from inline lists
- Fixed button alignment on small screens
Code maintenance
- Replaced custom calculations with existing variables
- Add mixin wrappers to control CSS generation order