CHANGELOG.md

Changelog

[Unreleased]

Fixes

• Fix $inuit-responsive-spacing-directions documentation in _utilities.responsive-spacings.scss. [#354]
• Fix minor typo in example.main.scss.

[6.0.0] - 2018-02-26

Breaking changes

• Change the way inuitcss deals with the baseline grid, as part of improving the vertical rhythm generated by the inuit-font-size mixin. It includes changes to the mixin and some core variables [#291]
• Responsive spacings are off by default, now. If you used the class .u-margin-bottom-none@[BREAKPOINT] as the only responsive spacing class in your markup, please make sure that the respective CSS is still generated. If it's not, please define the according classes as follows in your Sass:

$inuit-responsive-spacing-directions: (
  "-bottom": "-bottom",
);

$inuit-responsive-spacing-properties: (
  "margin": "margin",
);

$inuit-responsive-spacing-sizes: (
  "-none": 0
);

If you already altered your responsive spacings in any way, you don't have to worry. [#312]

• Remove all .o-wrapper modifier and return to the initial, bare wrapper object. [#299]
• .o-crop and .o-ratio configurable maps now have a different structure, to include named modifiers. [#346]

New features

• Add .o-crop--fill modifier. [#278]
• Add .o-ratio--img-contain modifier [#285]
• .o-crop and .o-ratio objects now receive user defined strings for the ratio modifiers class names. [#346]
• .o-crop and .o-ratio objects now support decimals as ratios (e.g. 1.618:1 etc.). [#276]
• Add more positioning modifier classes for the crop object. [#298]

Fixes

• Fix o-layout--stretch in conjunction with o-layout--center, o-layout--right and o-layout--left. [#293]
• Update to Sass’ @else if syntax according to current spec. [#331]
• Correct filename for _objects.table.scss in README.md example. [#347]

Minor changes

• Provide opt-out mechanism of static images when width/height attribute is assigned on <img>s. [#328]
• Provide possibility to reset push/pull. [#316]

[6.0.0-beta.5] - 2017-06-27

Breaking changes

• Remove inuit-rem function/mixin. [#204]
• Remove .o-list-inline--delimited modifier. [#223]
• Rename pack objects reverse modifier to .o-pack--reverse. [#234]
• Rename spacings utility file to _utilities.spacings. [#260]

New features

• Finally provide responsive spacings. [#217]
• The default vertical alignment of pack items (i.e. .o-pack__item) is now top. [#220]
• Generating spacing classes that care about multiple directions is now possible. [#228]
• Add .o-layout--left modifier. [#245]
• Add .o-layout--stretch modifier. [#264]
• Add .o-layout--auto modifier. [#266]
• Add .o-pack--default modifier. [#249]
• By providing the .o-list-bare__item class, we can now use the bare-list on any HTML element we want. [#280]
• Update normalize.css to version 7.0.0. [#295]

Fixes

• Fix border-spacing issue when the flag object is nested inside other specific components. [#254]

[6.0.0-beta.4] - 2016-10-18

New features

• Add customization for delimiter and breakpoint-separator in the widths-classes to circumvent possible HTML processor issues. [#166]
• Add customization for spacing class names. [#159]
• Add basic form reset styles. [#156]

Fixes

• Fix push/pull left/right property override issue. [#200]

Also:

Lots of tidy-ups, code-formatting and small improvements not worth mentioning :)

[6.0.0-beta.3] - 2016-08-30

Breaking changes

• _settings.global.scss is renamed to _settings.core.scss.
  The rather opinionated example variables $inuit-global-radius and $inuit-global-transition are transfered to the new _example.settings.global.scss file and renamed to $global-radius and $global-transition. [#83]
• The hidden-visually mixin is now prefixed with inuit-. Call the mixin with @include inuit-hidden-visually(); from now on. [#105]
• The default fractions for the widths-classes have changed. [#101]
  We now provide:
  • 1/1
  • 1/2, 2/2
  • 1/3, 2/3, 3/3
  • 1/4, 2/4, 3/4, 4/4
  • 1/5, 2/5, 3/5, 4/5, 5/5
    If you use classes with a x/12 or x/16 fraction like u-6/12 or u-4/16 in your markup and you don't want to change these classes accordingly in your HTML, you can generate the appropriate widths-classes you need by altering the $inuit-fractions Sass list (in yout main Sass stylesheet):

  $inuit-fractions: 1 2 3 4 5 12 16 !default;
  @import "utilities/utilities.widths";

• The reverse modifier of the flag objects is renamed from .o-flag-rev to .o-frag--reverse. [#114]
• Split the _tools.functions.scss and _tools.mixins.scss files into individual files. [#5]
  Alter the import of these files in your Sass main stylesheet as follows:

  @import "tools/tools.rem";
  @import "tools/tools.font-size";
  @import "tools/tools.clearfix";
  @import "tools/tools.hidden";

• Remove inuit-halve Sass function. [#5]
• Remove inuit-hocus Sass function. [#5]
• Remove _tools.widths.scss file and integrate its content into _utilities.widths.scss. [#117]
  This means that you have to remove the import of the tools file in your Sass main stylesheet.
• Put offsets (i.e. push and pull classes) behind a feature switch. [#104]
  If you use u-push- and/or u-pull- classes, switch them on in your Sass main stylesheet:

  $inuit-offsets: true;
  @import "utilities/utilities.widths";

New features

• Add Sass MQ as default media-query management tool. [#80]
• Add table object. [#97]
• Add pack object. [#98]
• Add new button variations for the example button component.
• Add CONTRIBUTING file. [#14]
• Provide box-sizing: border-box; for layout object by default to make dependency of generic.box-sizing partial obsolete. [#89]

[6.0.0-beta.2] - 2016-07-19

New features

• Add flag object. [#76]
• Ability to pass !important as argument for the font-size mixin. [#54]

Fixes

• Heading utilities font-sizes are now declared with !important. [#54]
• Fix .o-layout--small. The .o-layout--smalls margin-left property was set to a positive value rather than a negative value which caused the layout container to be unintentionally indented on the x-axis. [#84]

Minor changes

• Add missing rule to html element to prevent page jumps. [#77]