# Changelog

## v2.0.0

* addition of components

  - alerts
  - button-groups
  - icon-inputs
  - input-groups
  - messages
  - tooltips

## v1.9.8

* update grid styles
* use predefined linting rules for ordering
* added transition helpers
* added x-cloak for alpine.js

## v1.9.7

* fix table variations applying to child tables 
* Set muted opacity via a variable `$muted-opacity`

## v1.9.6

* fix wrong variables being passed to box-shadow mixin

## v1.9.5

* added new variables

  - `$header-font-color`

## v1.9.4

* remove block from `li`
* new utility helpers

  - `.move` cursor move

## v1.9.3

* stop date type inputs collapsing height on ios

## v1.9.2

* Re added missing webkit resets on inputs and buttons

## v1.9.1

* re publish as readme not updating

## v1.9.0

* Added scss linting
* Removed normalize and styled only supported browsers.
* Added 3 new colour functions that take in a colour name and returns

  - `color-darken()` darken
  - `color-lighten()` lighten
  - `color-a()` add an alpha

* Added `.d-grid` for `display: grid`
* Added new button classes `.button-clear` and `.button-outline` that can be applied to any base or coloured button
* Added new variables

  - `$strong-font-weight`
  - `$lead-font-weight`
  - `$small-font-size`

### Breaking Changes

* When defining colours and using the `color()` function you must wrap the name in parentheses eg `color("primary")`

## v1.8.1

* Reworked pre and code elements to work as they should with new variables

  - `$pre-font-size`
  - `$pre-padding`
  - `$pre-margin-bottom`

* Added ability to change the header font family
* Vertical align `td` and `th`
* Added new variables for definition lists

  - `$dl-margin-bottom`
  - `$dt-margin`
  - `$dd-margin`

* Added helper to hide an element on a single breakpoint

  - `hidden-xs`
  - `hidden-sm`
  - `hidden-md`
  - `hidden-lg`
  - `hidden-xl`

* Added helper `.list-style-reset` to remove `list-style`, `padding` and `margin`

## v1.8.0

* Refactor utilities into seperate files
* Removed the need for the framework to set any input heights to make them all equal heights
* Added a new variable `$input-line-height` to set the line height of form fields
* Added a new variable `$button-line-height` to set the line height of `.button` classes
* Remove unnecessary position relative from grid column
* Added variables to set `h1`-`h6` font weight, margins and line height
* Split all use of `$generic-margin-bottom` to seperate variables
* Added more control over the default button class by adding

  - `$button-default-border-color`
  - `$button-default-font-color`
  - `$button-border-width`
  - `$button-border-radius`

* Added new code variables

  - `$code-border-width`
  - `$code-border-color`
  - `$code-border-radius`
  - `$code-inline-padding`
  - `$code-block-padding`

* Added new hr variables

  - `$hr-border-width`
  - `$hr-border-color`
  - `$hr-margin`

* Added new table variable
  
  - `$table-border-width`

* Added blockquote variables
  
  - `$blockquote-padding-x`
  - `$blockquote-padding-y`
  - `$blockquote-border-left-width`
  - `$blockquote-border-left-color`

## v1.7.1

* Remove undocumented css from radios and checkboxes
* Added input placeholder color style
* Added new table variables
  
  - `$table-background-color`
  - `$table-border-color`
  - `$table-font-size`

## v1.7.0

* You only now need to define additional or overwrite existing colours and buttons within your variables
* Added a new mixin flip to flip an element on it's x/y/both axis's
* Added new css helpers
  
  - `.flip-x`
  - `.flip-y`
  - `.flip-both`

* Fix bug with anchor transition speed using wrong variable
* Three new variables have been created to control transitions

  - `$link-transition`
  - `$button-transition`
  - `$input-transition`

* ul and ol styles are now in the variables

### Breaking Changes

* Mixin `abs-position` renamed to `position` and has additional optional parameter `$position`
* Mixin `vertical-align` has been replaced with `centerer`

### Depreciated

* `$link-transition-speed`
* `$button-transition-speed`
* `$input-transition-speed`

## v1.6.2

* Remove font size in code element
* Remove bottom margin on last child of blockquote

## v1.6.1

* Refactor `img-fluid` to use a mixin

## v1.6.0

* Added content columns mixin
* Added code font to all `code`, `kbd`, `pre`, `samp` elements

## v1.5.1

* Added `.no-print` helper

## v1.5.0

* Added mixin responsive-ratio
* Removed margin top from pre
* Added modernizr mixin for touch-hover
* Added modernizr mixin for transition-no-touch
* Added animation speeds for forms, links & buttons
* Added colour palette from http://clrs.cc/
* Added colour palette for social media from https://www.materialui.co/socialcolors
* Added `.h1` > `.h6`

## v1.4.1

* Added `$code-font-family` variable

## v1.4.0

* Added 4 new mixin to build inputs

  - `input`
  - `input-width`
  - `input-size`
  - `input-focus`

* Added 1 new mixin to build buttons

  - `button-size`

* Added some default values to the mixin button-hover
* Added a transition to input focus
* Added some flex and margin auto helpers

### Breaking Changes

* variable `$input-border-focus` has been replaced with `$input-border-color-focus`
* Renaming of helper classes
  
  - `.hidden` > `.d-hidden`
  - `.inline` > `.d-inline`
  - `.inline-block` > `.d-inline-block`
  - `.block` > `.d-block`
  - `.flex` > `.d-flex`
  - `.display-table` > `.d-table`
  - `.display-table-cell` > `.d-table-cell`

The originals have been moved into a `utilities/_helpers-depreciated.scss` which you can include in your own project
to avoid renaming any. `@include "karma-css/scss/utilities/helpers-depreciated";`

## v1.3.6

* Added new mixin to vertical align elements using translate -50%

## v1.3.5

* Removed font size in nested ul's due to ever decreasing in deeply nested 

## v1.3.4

* Added variable `$input-use-full-width` to set either the `max-width:100%` or `width:100%`
* Added new mixin `input-width` to get the above value

## v1.3.3

* Added 3 new mixin to build buttons

  - `button`
  - `button-color-variation`
  - `button-hover`

* Created sample blog and thumbnail listing page

## v1.3.2

* Removed duplicate blockquote margin bottom from core
* Added variable `$generic-margin-bottom` for `pre`, `dl`, `figure`, `table`, `p`, `ul`, `ol`, `form`, `blockquote`
* Added variable `$header-margin-bottom` for `h1`-`h6`
* Added variable `$button-default-bg-color` for the base button

## v1.3.1

* Added default button examples to test.html
* Added basic grid examples to test.html
* Fixed 0px lint warning
* Removed vertical align from button due to odd inline issue
* Added variable `$input-font-color` to set all `inputs`, `selects`, `textareas`
* Added variable `$input-margin-bottom` to set all `inputs`, `selects`, `textareas`, `fieldsets`

## v1.3.0

* Added new variable `$input-background-focus` for when an `input`, `select` or `textarea` has focus
* Removed `push-*` and `pull-*` grid classes in favour of `order-*`
* Simplified gutter widths to single variable `$grid-gutter-width`

## v1.2.3

* Added new variables that allow all form fields to be styled
* Reduced margins on `hr`, `ul` and `ol`
* Removed awkward defaults on inputs and textareas for ios