v4.0.3 - scss linting

scss linting has been added which meant refactoring many of Kickoff's *.scss files. Some minor changes to _tables.scss were also needed.

To try the linter, you can use the Sublime Text plugin or through grunt using grunt scsslint. We did our best to remove all warning and errors, that will need to be done in future releases

v4.0.2

Added a new Grunt variable for the images directory. Usage: <%=config.img.dir%>

v4.0.1

Darn! missed something in the 4.0.0 release.
Removed .btn--link and changed .btn-close to .btnClose

v4.0.0

Version 4.0.0

Our documentation site has had a massive overhaul. Please visit it to find out any information about Kickoff: http://tmwagency.github.io/kickoff/

Typography

• Font sizes use a modular scale throughout (but can easily be overridden)
• Sass vars fonts etc are shorter and more intuitive to use - hopefully they'll be easier to remember when developing.
• Added simple responsive type to reduce the font size on smaller viewports. Modify $font-size-base-narrow in scss/_variables.css to change this.

Sass

• All of the CSS3 mixins have been removed because we use Autoprefixer
• Global Sass vars (_variables.css)
  • Breakpoint vars have been shortened from $breakpoint-* to $bp-*
  • Some of the grid vars have been moved to the more generic, $layout-* because they are not explicitly to do with the grid.
  • Other minor tweaks have also been made, so please read through this file to understand them.

Javascript

• We have removed many of the old 'helper' files and plugins, instead opting for dependencies found on the Bower registry.
• Bower dependencies are installed to bower_modules. To change this, edit the .bowerrc file. The default dependencies that we suggest are Swiftclick, Trak.js, jQuery and Cookies
• Shimly, a grunt plugin by Nic Bell is being used to generate a file of javascript shims. Have a look at _grunt-configs/javascript.js to find the Shimly settings.

Grunt & tooling

• Livereload & grunt-contrib-connect have been dropped (but still included) in favour of BrowserSync (which handles both without a browser extension) for our live CSS updating and simple server needs. Running grunt serve will fire up a simple server and watch for changes, with the added benefits of BrowserSync's many features.
• All grunt tasks have been moved into grouped separate files in the _grunt-configs folder. For example, _grunt-configs/css.js contains all the grunt tasks relating to CSS: Sass, Autoprefixer & CSSO (for minifying CSS. The _grunt-configs/javascript.js file contains the uglify (for concatenating and minfying js), shimly (for generating a javascript shims file), jshint and jQuery (for generating a custom jQuery build).
• Extra grunt tasks have been added to help development. For example, running grunt icons will rebuild all the icons generated by Grunticon. grunt start will bring up a browser window with our 'getting started' guide, it also contains the simple styleguide for your project.
• We have integrated a simple visual regression testing task, grunt-photobox, to help prevent deployment of broken code. See this for more info.

v3.4.1

Fixed a few things that slipped through the net.

Updates

• Fixed the font-face utility mixin

v3.4.0

Fairly major cleanup and reorganisation, don't worry this is a good thing 👍

Updated

• Gruntfile.js reorganised. Variables have been changed and moved to within the grunt.initconfig - we can now use <%=config.js.fileList%> for example - yay!
• Linear and radial gradient mixins hugely simplified. The old ones were too complicated and buggy. If you want more complex CSS gradients, try Colorzilla's gradient generator instead.
• The awesome Autoprefixer is now used by default (when compiling Sass) so you shouldn't need to use many of our mixins that deal with adding vendor prefixes anymore. Autoprefixer adds vendor prefixed based on caniuse.com data, with settings added in the Gruntfile. For more information about autoprefixer, please see https://github.com/ai/autoprefixer
• The grunt sass:dev task has now been renamed to grunt sass:kickoff
• Split components.scss up so each component is now in its own individual file. They now reside in the scss/partials ➤ folder.
• Update NPM devDependencies
• Updated trak.js

Added

• Grunticon added with base settings. It use grunt-svgmin to minify all SVGs before conversion.
• grunt-csso settings now implemented into grunt deploy task
• Added scss/views folder with example _home.scss view
• Add .bowerrc
• Added new scss var for $gridMinWidth which is only used on <IE9 to stop

Removed

• There were a few helper functions and mixins specifically for the linear and radial gradients, these have now been removed.
• Removed animation.scss
• The grunt sass:production task was removed in favour of grunt sass:kickoff (see above)
• Removed availabletasks Grunt task because grunt --help is built in and better

v3.3.0

Added a simple styleguide that acts as a reference for your app's styles - useful huh?

Updated

• Tweaked some button proportions
• Tweaked default colour palette

Added

• Styleguide to /_docs/styleguide.html

v.3.2.0

This is a minor but important update.

Updated

• Javascript namespace is now KO instead of TMW
• Grunt dependencies

Removed

• Some Javascript plugins helpers. This is an effort to reduce useless items in the framework and promote the use of Bower to bring in dependencies.

Added

• Two .scss partials: scss/partials/_masthead.scss and scss/partials/_footer.scss
• _global.scss replaced _app.scss

v.3.0.2

This is a big release. There are many updates and improvements to the framework; some are breaking changes. We have been trying very hard to reduce Kickoff to the absolute minimum whilst staying a comprehensive framework.

Updated

• Documentation throughout has been improved.
• Classnames are now more SMACSS-y. See _components.scss and _choreographic-grid.scss for examples.
• Added new $breakpoint-single-col variable that is to be used to show when the layout breaks into a single column. This is useful because now our breakpoint vars are independent to the major layout shift to a single column.
• The choreographic grid file has been tidied and some functions, helpers and mixins have been moved to an external file
• Gruntfile.js has many more comments added to ease changes and explain features
• .gitignore updated
• Line heights are unitless by default

Removed

• Various classes have been removed
• Remove glyphicons and empty image sprite

Added

• Added _dependencies.scss that contains all the site imports so that we can use the same ones for both kickoff.scss and kickoff-old-ie.scss

v.3.0.1

Fixed a few minor issues that were missed in the last update