Skip to content

v6.0.0 - Browserify by default, faster Sass compilation & restructured Sass folder & much more

Compare
Choose a tag to compare
@mrmartineau mrmartineau released this 20 Nov 17:50
· 341 commits to master since this release

Changed

Javascript

  • Switched to use Browserify as the way to bundle all our javascript. If you would like to continue using the old style, please use either our Yeoman generator or the Grunt config from Kickoff v5.0.0. See the discussion about the change here

CSS/Scss

  • Ref #53 - Move all components from scss/partials/components/*.scss to scss/components
  • The media object has been updated to ensure that it doesn't stack it's columns on skinny viewports by default but by the use of modifier classes. See the code here
  • Block grids have had many improvements thanks to @nicbell. There are now different modifier classes for each breakpoint, for example: <ul class="l-blockGrid l-blockGrid--4 l-blockGrid--2--narrow l-blockGrid--6--wide">
  • The custom form elements have been refactored & separated into their own files so that individual items can be imported instead of all of them.
    • the custom select element now allows :focus styles
    • custom checkboxes don't depend on SVGs and a tick variant has been added
  • Create new _links.scss and remove relevant code from _typography.scss
  • move (un)ordered & definition lists into _lists.scss
  • Simplified tables – now has sensible default values rather than classes as they are usually used as content

Tooling

  • add grunt-filesizegzip to show file size and gzipped file size on save
  • Removed a few rarely-used grunt plugins
    • Grunt Photobox